搭建前端服务器与环境（vue的安装与安装成功测试）

①安装node.js，下载相应版本的node.js,下载地址：https://nodejs.org/en/download/，下载完双击安装，点击下一步直到安装完成
②安装完成后，附件里选择命令提示符（或者在开始的搜索框里输入cmd回车调出命令面板）输入：node -v回车，出现相应版本证明安装成功，

3.vue-cli安装推荐用以下方法在终端配置安装

https://www.freesion.com/article/6639872153/

在3中的8. 安装Vue中，通过此步骤安装的vue 版本为2.9.6，但最后可在终端通过

cnpm install -g @vue/cli

命令进行一键更新。

在完成vue环境配置之后，在IDE（如VScode）中完成项目工程搭建后，我们在VScode终端中通过cnmp install进行依赖安装时，可能会报如下错误：

cnpm : 无法加载文件 C:\Users\823\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 a 
bout_Execution_Policies。
所在位置 行:1 字符: 1
+ cnpm install
+ ~~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

换成默认的npm install安装，会因为镜像问题导致连接失败，此时在终端将链接的镜像换成淘宝镜像即可，即通过如下命令进行以来安装：

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

为了防止每一次在项目运行前需要更换淘宝镜像，我们在cmd中可通过如下命令进行永久配置：

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

查看是否配置成功，可在终端输入如下两条命令之一查看：

npm config get registry
或
npm info express

配置完成，在VScode中进行验证，结果如下：

PS E:\VUE\Vue-element-login-master> npm install
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})  

输入npm run dev命令运行程序，结果如下：

PS E:\VUE\Vue-element-login-master> npm run dev

> pln1@1.0.0 dev E:\VUE\Vue-element-login-master
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 95% emitting                                                                           

 DONE  Compiled successfully in 4938ms                                                                                                                    下午3:02:18
 I  Your application is running here: http://localhost:8080

至此，vue基本使用验证完毕。