Vue新建项目流程

vue安装步骤:

一、安装node ,检测node是否安装成功 node -v
二、安装vue-cli ,命令:npm install vue-cli -g
三、创建新项目 vue init webpack ‘项目名称’ (不断的回车默认,遇到 Eslink代码检查工具选择no)
四、cd 切入到项目里,安装依赖 npm install
五、 编写项目
六、启动项目:npm run dev 或者npm run serve (具体选择哪个需要看package.json里如何配置)
七、打包项目:npm run build

npm run dev 和npm run server区别:

启动vue项目时,并不是随机选择npm run dev 或者npm run serve,而是要去看package.json里配置;
执行npm run xxx 实则是在执行配置文件packge.json里的脚本,例:

"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint"
},

npm run serve,这个serve实际上是键值对的key,也就是上面代码块中的serve,而实际上run运行的是serve键对应的value值:vue-cli-service serve;

总结:
npm run xxx,实际上是命令的快捷方式,要搞清该运行哪个要去搞清背后的真正命令

参考1
参考2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木泽锐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值