windows下启动vue项目记录

平时做前后端分离项目,有前端人员配合测试,今天打算自己研究下前后端联动测试(主要是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配置,端口配置略。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值