博客地址 :https://www.cnblogs.com/sandraryan/

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。

vue使用方法:

1. 官网下载直接引入js文件

2. cdn   <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>(我用的是这个)

3. npm

要使用npm,首先应该去node官网下载node,下载好的node会包含npm工具,可以通过在终端输入node -v /npm -v查看node/npm是否安装成功

npm i npm -g 升级/安装npm

然后,npm i vue (i是install的缩写)

检测vue是否下载成功,vue -V(注意:大写V)

全局安装vue-cli   npm install --global vue-cli (global简写g)

使用webpack打包工具生成文件目录(初始化vue项目)   vue init webpack 文件夹

进入生成的文件(命令cd 文件夹名),运行vue页面: npm run dev

运行成功终端会返回一个网址,一般来说端口号是8080,在浏览器打开,就是你的vue项目惹

补充: NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题

    命令行界面(英语:command-line interface,缩写:CLI

    webpack是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式,将各种静态资源视为模块,并从它生成优化过的代码。要使用Webpack 前须先安装Node.js, 在vue使用webpack会自动生成目录

如果只是自己写demo我一般用cdn引入,但是要进行大型项目开发,一般都用npm

安装路由

vue在安装的时候选yes,可以下载路由,如果选了no,后期也可以自己安装(配置本篇不写QAQ)

npm i vue-router --save

安装vue-x

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

一般都只在当前项目下安装vuex

npm i vuex --save

tha‘t all~~~~

最新文章

  1. web前端开发中常用的尺寸和位置
  2. Oracle如何实现从特定组合中随机读取值
  3. 从C#到Objective-C,循序渐进学习苹果开发(6)--视图控制器的使用
  4. Android酷炫实用的开源框架(UI框架)
  5. 提高效率的Matlab使用方式
  6. Objective-c 代理模式(delegate)
  7. [ActionScript 3.0] AS3.0 将图像的Alpha通道转换为黑白图像(分离ARGB方式)
  8. C/C++语言的一些精简归纳
  9. xmlWriter 以UTF-8格式写xml问题
  10. thymeleaf学习
  11. MySQL exist
  12. 深入理解javascript函数进阶系列第四篇——惰性函数
  13. HDU 4526 拼车记
  14. Sqoop简介
  15. FileProvider的使用及应用更新时提示:解析包出错、失败等问题
  16. Spring Boot (三)模板引擎FreeMarker集成
  17. java 面试基础总结(二)---多线程
  18. 2018.09.07 loj#10166 数字游戏(数位dp)
  19. CF&amp;&amp;CC百套计划1 Codeforces Round #449 B. Ithea Plays With Chtholly
  20. 【bzoj4998】星球联盟(并查集+边双)

热门文章

  1. 洛谷P1263 宫廷守卫
  2. Ubuntu上更换163源 - Mars Loo的博客
  3. CTSC2016时空旅行
  4. TypeScript类型检查机制
  5. 如何解决IntelliJ在打包Maven项目时不打包配置文件
  6. SPSS分析技术:无序多元Logistic回归模型;美国总统大选的预测历史及预测模型
  7. java reference(转)
  8. Ajax之基础
  9. python 通过.pth文件修改搜索路径
  10. More Effective C++: 05技术(30-31)