安装node.JS，vue-cli，创建vue-cli项目

1、官网下载node.Js，下载之后傻瓜式安装。

下载完毕后使用

node -v 
npm -v

查看版本，下载完node.js，默认下载了npm

下载完了后，默认是安装在C:\Users\用户\AppData\Roaming\npm

什么是npm

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具，也是世界上最大的软件注册表，里面包含超过 600000 个 包的结构，能够使您轻松跟踪依赖项和版本

npm就好比maven的jar包管理，项目需要什么就下载什么

2、然后可以下载cnpm，npm淘宝镜像（可下可不下）

安装这个的用处就是如果npm下载太慢或者不能下，可以使用cnpm

npm install cnpm -g

3、下载vue-cli脚手架

npm install vue-cli -g
cnpm install vue-cli -g #淘宝镜像下载vue-cli，上面代码失效时使用
vue -V #查看版本

vue-cli 就相当于前端的maven，是一个项目管理工具，是一个项目骨架。

我们在创建maven工程的时候可以选择对应的模板，我们在创建vue-cli项目时，也能选择模板

vue list

4、下载完vue-cli，我们就可以使用vue-cli创建项目了

选择项目的存放路径，使用命令创建项目

#vue init 模板名 项目名
vue init webpack myvue

如果使用命令报错，可能是因为不是系统管理员权限的原因

5、创建好vue-cli项目，我们需要导入依赖、执行项目

在vue-cli项目根目录下使用命令

npm install #初始化，安装依赖
npm run dev #运行
#运行想要退出  
ctrl+c (cancel)

初始化：

启动项目：

运行成功：

访问项目：

6、在idea中查看项目

idea中以项目根目录myvue打开项目，分析并学习vue-cli项目