创新实训记录（一）

创新实训记录（一）

在本次创新实训项目中，我负责的部分是前端的开发。对于前段，我们选择采用B/S（Browser/Server）架构，使用web作为前端，选用JavaScript语言进行开发。在经过讨论选择后，我们决定采用Vue.js框架进行开发。

由于之前我从未使用过Vue.js，因此需要先进行Vue的安装和配置，以下是具体办法。

根据官网介绍，Vue共有三种安装方式，分别是下载后利用< script >标签引入、使用CDN方法安装以及使用npm安装。我选择了使用npm安装的方式。

安装node.js

要使用npm安装，首先需要安装node.js。在 node.js官网下载页面中下载对应系统版本的安装包，下载完成后进行安装即可。
安装完成后，可在cmd中分别输入node -v和npm -v命令，如果出现对应的node.js和npm的版本号，说明两者就都安装成功了。
接下来要进行环境配置。找到node_modules和node_global文件夹，记住其地址，找到环境变量配置，在系统变量下新建‘NODE_PATH’，输入node_modules文件夹的地址，将用户变量下的‘Path’修改为node_global的地址，环境配置就完成了。

npm镜像

由于直接使用npm进行下载安装速度可能会很慢，因此我们采用淘宝镜像方式进行安装。
在cmd中输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 即可完成，以后使用npm时可以将‘npm’替换为‘cnpm’。

安装Vue

在cmd中输入命令 cnpm install -g vue-cli 进行Vue的安装，安装完成后输入vue，如果出现了相关信息，则说明安装成功。

至此，Vue的安装就算完成了，可以进行下一步工作了。