Vue-02-第一个vue-cli程序

1.第一步安装Node.js（使得JavaScript代码直接运行在浏览器上的环境，相当于java代码与jdk的关系）

node -v 和 npm -v命令检验是否安装成功

2.安装Node.js淘宝镜像加速器(以管理员身份运行DOS)

方法一：npm install cnpm -g

方法二：使用npm安装cnpm时候安装失败，我使用npm install cnpm -g老失败而且长时间停留于sill位置
可以试试下面这个命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装好之后在C:\Users\administor\AppData\Roaming\npm\node_modules路径下可进行查看下载的加速器cnpm

4.接下来下载vue-cli（使用淘宝加速器下载更快， vue-cli 是官方提供的vue脚手架）

cnpm  install vue-cli -g

检验和步骤3一致，再点开vue-cli文件查看
C:\Users\administor\AppData\Roaming\npm\node_modules\vue-cli\node_modules存放的下载的vue模板
5.到此vue-cli已经安装完成
6.手动创建一个Vue-cli项目

• 创建一个vue项目首先创建一个文件夹myvue，然后在文件夹下打开Dos（以管理员身份）
• 执行 vue init webpack myvue命令，初始化一个基于webpack模板的vue应用程序
• 接下来如下操作：（为什么一直NO,因为可以更好的体验，每一个步骤，否则自动安装）
  说明：
  
  4.接下来就是为vue应用程序安装需要的环境
  使用命令：npm install
  5.如果有警告可按照系统提示命令直接运行，即可修复（这里还挺智能的），然后打开Idea open创建的项目即可
  
  7.打开后生成项目目录如下：
  
  运行项目使用命令npm run dev（在当前项目的目录下，以管理员身份，我的idea打开就是以管理员身份的，所以可以在idea的终端下直接运行）
  
  运行成功：
  
  点击访问即可，运行成功！
  ctrl+c停止运行
  
  总结：
• 安装node.js
• 安装cnpm淘宝加速器
• 安装vue-cli
• 创建项目
• 初始化项目
• 安装环境
• 打开项目
• 运行项目
• ok