快速新建新建Vue项目（详细）

一. 安装node.js

1.传送门：nodejs.org

• node.js下载完成后双击安装
• 直到finish完成安装
• 打开终端，输入node -v，出现版本号即为成功，如下图
  

2.node.js自带npm，但是还是推荐下载NPM镜像

而国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了

---

二.项目准备工作

---

项目初始化

1. 安装全局脚手架（安装vue-cli）

cnpm install vue-cli -g //全局安装 vue-cli

2. Vue init webpack 项目名字

如果打少webpack会出现提示 ： vue-cli · Failed to download repo vuejs-templates/vuetest: Response code 404 (Not Found)
*webpack大小写也无所谓，不过一般还是用小写，养成好习惯

输入如上指令接下来就是一直回车，这里有个注意点
下图红色地方要停下来按N，如果yes的话到时候会有严格的语法提示，精确到缩进那种

3. 项目新建成功

4. 启动项目

• cd 项目名字
• npm run dev
  启动成功