Vue和Webpack项目常用npm命令详解
vue 和 webpack 项目搭建用到的 npm 命令挺多的，搞清楚每步是怎么回事，能省不少踩坑时间。全局装好vue-cli，用vue init webpack my-project快速拉个 webpack 模板项目下来，结构清晰，默认配置也靠谱。
cnpm install --global vue-cli这一步比较关键，装的是全局命令，不面vue init跑不起来。进目录后记得跑cnpm install，不然npm run dev会报错。哦对，webpack也别忘了本地装一份，开发环境走得更顺。
还有就是，建议别直接用webpack命令跑项目，最好通过npm run dev这种方式。这样不仅能加载webpack-dev-server这些配置，还方便改脚本。不然你手动敲命令，累不说，还容易漏参数。
想深入了解vue-cli的配置逻辑，可以看看Vue-cli webpack 模板配置详解，里面讲得蛮清楚的。想知道vue-cli内部到底干了啥，也可以看看Vue 源码学习: vue-cli这篇。
如果你是刚开始玩vue项目，建议先用vue-cli搭一套跑起来，后面再改配置、拆插件都方便多了。别急着自己写 webpack 配置，那玩意儿坑还挺多的。
文件大小：37.71KB
评论区