搭建一个vue项目的过程（包括安装配置环境）

关于使用VUE搭建vue项目的过程：

1.下载安装node配置npm

下载并nodejs,下载地址为：https://nodejs.org/en/download/
下载完成安装后打开cmd命令行，输入node -v

提示版本则证明下载安装成功
安装完node之后,通过
npm config set registry https://registry.npm.taobao.org
命令将npm镜像设置为国内淘宝镜像（如果不设置的话，国内用npm下载node的module速度太慢了！）
也可以用以下指令安装cnpm指令
npm install -g cnpm –registry=https://registry.npm.taobao.org
在安装该指令后，以后需要用到的npm指令都可以用cnpm指令来代替,例如npm install vue 在安装cnpm后，使用cnpm install vue 效果是一样的

2、搭建vue项目

打开cmd命令，使用npm install -g @vue/cli 安装vue-cli脚手架
当安装完成vue脚手架之后，就可以进行vue项目的搭建啦！
两种方式构建项目：
1.在cmd中间输入 vue create app_name构建vue项目
2.在cmd指令中输入 vue ui 就可以打开vue项目构建的图形化界面了，需要注意如果安装路径不是默认路径的话，需要在cmd里面跳转到安装路径才能使用vuecli3的指令，如果不在安装目录下使用vue ui指令的话，如图所示：

是不能调用vue cli3的包的，而跳转到安装路径下：

则可以进行操作。
当然也可以用纯cmd指令进行项目搭建，我是直接用图形化界面搭建项目的，
打开后的图形化界面是这样

点击这里新建项目：

创建项目的时候建议选择vue2.0版本的默认配置，笔者试过用vue3.0配置创建项目，创建的新项目和elementui等各种组件库兼容性都比较差，建议在公司项目中不要进行使用，个人做开发学习可以常用vue3.0配置的项目

新建项目完成以后可以在下图所示的位置进行vue-router和vuex的配置添加，方便进行管理：

3运行项目

新建完成vue项目后使用vscode打开该项目文件，或者直接用cmd命令在项目文件夹下进行操作
我新建的vue项目在E:vue-projects文件夹下
项目文件夹名称为test，在该路径下使用cmd命令安装依赖：

安装依赖完成后使用npm run serve运行vue项目(我把自己的网络地址打码了)：

此时vue项目已经搭建好，在浏览器输入localhost:8081即可看到搭建好的vue项目的主页