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
|