平时做前后端分离项目,有前端人员配合测试,今天打算自己研究下前后端联动测试(主要是renren-fast框架),由于以前没玩过vue, node.js,可是折腾的够呛,vue已经下载好了,可是不会启(捂脸):
1)安装node.js(建议装最新版本),装好后 windows+r键输入cmd回车
node --version或者npm -v都输出版本号(表示安装成功)
2)切换npm镜像
接上一步接着输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
(设置代理,避免npm install超时,而且以后可以用cnpm命令来全部代替npm)
3)npm全局安装vue
接着上一步输入:cnpm install vue-cli -g 安装vue,成功后输入vue能出来信息。
4)npm项目依赖组件安装
windows+r 输入cmd 进入前端vue项目的根目录,输入命令:cnpm install
该命令会根据前端项目的依赖关系下载好相关的组件,存在项目目录的node_modules文件夹下。
这一步比较坑,看似cnmp install成功,实则根本没下载成功,因为项目中,没有node_modules模块,后面找了资料,采取另外一种策略,直接右键vue项目,打开git Bash Here,输入cnpm insatll,node_modules模块下载成功。
5)npm编译
第一次运行前,要对项目进行编译,接着上一步输入命令:npm run build
6)在当前打开的git窗口:运行npm run dev
启动后端,浏览器输入:http://localhost即可
注:svn配置,端口配置略。