Vue：第一个vue-cli程序

特别声明摘抄------JQuery

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

--------------------------------------------------------------------------------------------------------------------最后特别鸣谢作者JQuery