1. 下载安装nodejs和git
2. 全局安装vue脚手架vue-cli
3. 执行命令创建一个基于webpack打包工具的vue项目的文件夹
命令会进入该项目的配置选项:
| Project name 项目名字 |
quna.com quna.com |
| Project description 项目描述 |
A Vue.js project about mobile web 一个关于移动端的vue项目 |
| Author 作者 |
aoe aoe |
| Vue build | use arrow keys 使用方向键 |
|
Install vue-router 安装vue路由? |
yes |
| Ues ESlint to lint your code? 使用ESlint来链接你的代码 |
yes |
| pick an ESlint preset 选择一个ESlint预设 |
standard 标准的 |
| Set up unit tests? 建立单元测试? |
no |
|
Set up e2e tests with Nightwatch? 建立e2e夜视测试? |
no |
|
Should we run `npm install` for you after the project has been created? 在创建项目之后,是否应该为您运行“npm安装”? |
(recommended)npm 推荐 npm |
4. 注意还有一个命令提示,需要进行下面两个命令的操作
5. 此时项目会自动下载依赖和构建项目,完成后,项目中多了很多文件
6. 让本地文件和GitHub上同步
注意:用npm运行项目的时候,出现了很多的错误,超级多的错误,缺少各种依赖,npm install 出错,npm run build 出错,npm run dev出错,各种错误,折腾了很久,应该是npm的版本有问题,导致npm指令再获取各种包文件的时候,包的版本也是有问题的,或者确少各种包,使得无法开启本地服务器。最后用npm升级npm的时候,也是各种错误。
使用yarn来运行项目:
1. 执行命令进入配置项
2. 配置项目,注意:最后选择的时候,选yes,use yarn
3. 提示执行下面两个命令
就可以开启本地服务器