Vue开发的环境准备，新建项目以及基础知识

1.不能不知道的小知识

1.在安装之前大家可能有个误区啊，vue和vue.js没有区别,vue就是vue.js的简称。vue是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架。

2.npm 和 cnpm 的区别
（1） 两者之间只是 node 中包管理器的不同
（2） npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
（3）如果因为网络原因无法使用npm下载，那cnpm这个就派上用场了。
　　npm和cnpm只是下载器的不同，就好像cnpm比npm拉包速度快很多。 而存包的地址则为nrm
　　
3. -g：全局安装。将会安装在C:\Users\Administrator\AppData\Roaming\npm，并且写入系统环境变量； 非全局安装：将会安装在当前定位目录； 全局安装可以通过命令行在任何地方调用它，本地安装将安装在定位目录的node_modules文件夹下，通过require()调用；
4. --save：将保存配置信息至package.json（package.json是nodejs项目配置文件）；
5. 使用npm卸载插件：npm uninstall [-g] [–save-dev] PS：不要直接删除本地插件包
6. -dev：保存至package.json的devDependencies节点，不指定-dev将保存至dependencies节点；一般保存在dependencies的像这些express/ejs/body-parser等等。

2.安装node.js

node.js官网地址http://nodejs.cn/download/
看到它的安装包在这里，后面根据自己的系统来
安装node.js后就能在命令行窗口使用npm命令了，我们可以用node -v和npm -v查看版本

3.安装vue-cli

上面说的，我们要能使用cnpm命令的话就应该下载淘宝镜像，该命令如下

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

如果装好了 cnpm 可以， cnpm i nrm -g
nrm ls 查看所有 包下载路径， 也就是存放包的不同位置，自然就有取包的速度区分，如下图所示
然后我们全局安装@vue/cli,vue-cli是老版本的，我们不用

npm install -g @vue/cli

安装之后使用vue --version就可以查看安装的版本

4.新建项目

打开PowerShell，与cmd不同的是，而PowerShell则是面向对象的,是一种站在使用者的角度进行脚本的编写
cd 目录
vue create 项目名
像我的在桌面创建一个test的vue项目
可能有些人会报错，表示系统禁止运行未知脚本
我们可以用以下命令解决

set-Executionpolicy RemoteSigned

然后我们可以看到选择配置，有默认的框架，也有可以自己设置的，我选择默认的
然后会有以下界面，我们按照它的来，打开之后运行

在浏览器输入http://localhost:8080/出现以下信息就表示建立了一个叫test的项目