vue2.0的安装

来源:互联网 发布:骑士战歌坐骑升阶数据 编辑:程序博客网 时间:2024/05/22 05:23
1.安装node.js
2.测试node.js的版本: 输入命令node -v  (注意-v前面要空格啊)
3.输入命令: npm install vue-cli -g       (安装vue-cli试试看)
4.检查vue的版本:输入命令 vue --version     检查vue的版本
5.vue init webpack#1.0 vue-webpack-demo      前面是文件名称  后面是安装到文件目录   
6.cd vue-webpack-demo                        进入文件
7.npm install                                读取
8.npm run dev                                获取端口
接下来我们怎么使用它
1.生成项目模板比,如我们的模板名是simple:vue init <模板名> vue-simple-demo; 
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>;
例如:vue init webpack#1.0 vue-webpack-demo ;
 就等于vue init simple vue-simple-demo
本身集成很多项目模板:
simple 个人觉得一点用都没有
webpack 可以使用(大型项目)
Eslint 检查代码规范,
单元测试
webpack-simple个人推荐使用, 没有代码检查


browserify ->  自己看
browserify-simple

--------------------------------------------
基本使用流程:
1. npm install vue-cli -g 安装 vue命令环境
验证安装ok?
vue --version
2. 生成项目模板
vue init <模板名> 本地文件夹名称
3. 进入到生成目录里面
cd xxx
npm install
4. npm run dev

--------------------------------------------
0 0