Vue CLI快速构建Vue应用与Webpack打包
Vue CLI 的快速初始化方式，挺适合刚上手 Vue 的朋友。你不用自己去折腾一堆 Webpack 配置，只要几条命令，就能把一个能跑起来的 Vue 项目拉起来。开发流程清晰，调试友好，热加载也给力，改完秒见效果。再加上组件化开发，写起来还挺爽。
Vue 的响应式机制也蛮省事儿，数据一变，视图自动更新，不用手动操作 DOM，适合业务逻辑多、交互频的项目。比如表单、动态列表这类场景，用起来顺。
安装 CLI 前得装好Node.js和npm，在 Ubuntu 上直接一条命令sudo apt-get install nodejs npm。用npm install --global vue-cli来装 CLI，网络慢的话试试淘宝源。
生成项目用命令vue init webpack my-project，中间会问你要不要加 ESLint、测试工具啥的，按需来就好。进目录cd my-project，跑npm install装依赖，再跑npm run dev，页面自动打开了，开发体验还是蛮顺的。
Webpack的配置默认都帮你写好了，主要文件在build/webpack.base.conf.js，入口文件用entry指定，output定义输出规则，module设置加载规则。你要自己加 Loader 或 Plugin 也挺方便的。
项目做完，用npm run build打包就行，Webpack 自动压缩优化，生成的文件直接丢线上就能跑。整体来看，Vue CLI 真的是前期启动快，后期扩展性也够用，比较适合中小型项目甚至团队协作。
如果你刚学 Vue，或者懒得折腾 Webpack 配置，Vue CLI 真的蛮适合入门的。有兴趣的话，建议你也去看看Vue 源码学习: vue-cli，对理解它的底层也挺有。
文件大小：284.73KB
评论区