Vue项目开发之初

之前后端页面一直都是使用ModelAndView跳转到JSP页面，而越来越觉得JSP页面写法比较繁重。自从使用HBuilder开发uniapp项目后，JSP不知已经被团队吐槽过多少次了。最终我们也向新技术，热技术，牛技术靠拢。随着微服务被追捧，前后端分离开发的凸显，以及职责的细粒度划分，再加上老板强烈要求的项目进度的精准化，我们也开始拥抱Vue。

现将项目开始之前开发环境搭建记录如下，以便团队能够快速进入业务开发。

1、安装nodejs，通过node -v查看版本

2、更改npm全局模块和缓存位置，npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

3、设置环境变量：

NODE_PATH = D:\Node\nodejs

PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;

4、配置npm淘宝镜像，npm install -g cnpm --registry=https://registry.npm.taobao.org

5、安装vue脚手架，cnpm install -g @vue/cli ，通过vue -V查看版本

6、通过vue -h查看是否有vue ui命令，后续创建项目将以图形化的方式创建

7、运行vue ui，在浏览器打开http://localhost:8080安装提示执行创建操作

8、进入项目根目录，cd my-first-project

9、运行项目，cnpm run serve

10、浏览器查看运行效果