Vue环境的搭建

要搭建Vue的环境，首先要先下载Node,js

1.搭建node.js

node.js，它是javascript一种运行环境，是一个服务器端的javascript的解释器。
win+R(打开运行窗口)
输入cmd(打开windows命令行)
输入 node -v，可以观察我们的node.js的版本号，有，就说明下载成功了。

C:\Users\81537>node -v
v11.11.0

下载好node.js后，node.js自带一个npm，可以在命令行上输入npm -v，可以看到npm的版本号。

C:\Users\81537>npm -v
6.7.0

npm（node package mannager）
NPM的思路是这样的：
这个工具就是他用 JavaScript （运行在 Node.js 上）写的 npm，全称是 Node Package Manager
NPM 的思路大概是这样的：

1. 买个服务器作为代码仓库（registry），在里面放所有需要被共享的代码
2. 发邮件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代码提交到 registry 上，分别取名 jquery、bootstrap 和 underscore（注意大小写）
3. 社区里的其他人如果想使用这些代码，就把 jquery、bootstrap 和 underscore 写到 package.json 里，然后运行 npm install ，npm 就会帮他们下载代码
4. 下载完的代码出现在 node_modules 目录里，可以随意使用了。
   这些可以被使用的代码被叫做「包」（package），这就是 NPM 名字的由来：Node Package(包) Manager(管理器)。

npm相关指令
npm -v //c查看npm版本
全局
npm install -g moduleName //全局安装包
npm uninstall -g moduleName //卸载全局包
局部
npm init -y
npm install 包名字 -S/–save 安装包到开发依赖
npm uninstall 包名字 -S/–save 卸载开发依赖包

npm install 包名字 -D/–save-dev 安装包到测试环境中
npm uninstall 包名字 -D/–save-dev 卸载测试环境中包

2.搭建vue环境

安装淘宝镜像

 npm config set registry https://registry.npm.taobao.org

输入cnpm -v 检查是否安装好

搭建vue-cli环境

cnpm install -g vue-cli  

cnpm install -g vue-cli :通过node这个仓库，我们可以安装vue-cli和angular-cli 。这里的意思是通过node 全局安装vue-cli

安装成功后 通过vue init webpack test 新建一个vue 项目 这里的test是项目名。指令意思是：vue init [模板名] [新建的模板工程文件夹名称]。

如果一直出现downloading template
可以尝试连接自己的手机热点，这样就可以解决这个问题。

接下来按照图上的操作

安装好，执行

cd test
cnpm run dev

运行成功

浏览器访问http://localhost:8081/ 如下图，项目搭建成功。