准备阶段
需要的环境:
- Node.js : http://nodejs.cn/download/
- Git : https://git-scm.com/downloads
- 安装 Node.js
- 下载 Node.js ,选择 windows 64位
- 安装 NodeJs ,一直下一步即可
- 查看是否安装成功cmd 下输入,查看是否能够正确打印出版本号即可!
#检查node版本号
node -v
#检查npm版本号
npm -v
#检查cnpm版本号
cnpm -v
安装vue-cli
安装位置为 :C:\Users\Administered\AppData\Roaming\npm
(CMD 命令)
cnpm install vue-cli -g
vue list
Vue-cli 程序
- 在文件夹中使用cmd创建一个名为 myvue 的vue项目并用webpack打包工具打包
- 初始化并运行myvue项目
(CMD 命令)
# 先找到要创建该文件的目录
# 这里的 myvue 是项目名称,可以根据自己的需求起名
vue init webpack myvue
说明:
1、Project name:项目名称
2、Project description:项目描述
3、Author:项目作者
4、Vue build :编译,选择第一个
5、Install vue-router:是否安装 vue-router
6、Use ESLint to lint your code:是否使用 ESLint 做代码检查
7、Set up unit tests:单元测试相关
8、Setup e2e tests with Nightwatch:单元测试相关,选择 n 不安装
9、Should we run npm install for you after the project has been created:创建完成后直接初始化,选择 n,我们手动执行;运行结果!这一步必须n否则后面安装环境时会很慢
(CMD 命令)
# 进入文件夹
cd myvue
# 安装环境
cnpm install
#缺啥东西或者怎样的系统提示要用npm一律改为cnpm
# 启动项目
cnpm run dev
# 停止 ctrl + c