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
--------------------------------------------
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
--------------------------------------------