之前后端页面一直都是使用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、浏览器查看运行效果
网友评论