vue和webpack项目构建过程常用的npm命令详解
vue
//最新稳定版 cnpminstallvue //全局安装vue-cli cnpminstall--globalvue-cli //创建一个基于webpack模板的新项目 vueinitwebpackmy-project //进入项目目录，运行 cdmy-project cnpminstall cnpmrundev
webpack
//全局安装webpack cnpminstall-gwebpack //安装到你的项目目录 cnpminstall--save-devwebpack //初始化package.json cnpminit //使用webpack构建本地服务器 cnpminstall--save-devwebpack-dev-server //运行本地服务器 npmrunserver //npm一次性安装多个依赖模块，模块之间用空格隔开 cnpminstall--save-devbabel-corebabel-loaderbabel-preset-es2015babel-preset-react //css-loader和style-loader cnpminstall--save-devstyle-loadercss-loader //安装less-loader和less： cnpminstalllessless-loader--save-dev //postcss-loader和autoprefixer（自动添加前缀的插件） cnpminstall--save-devpostcss-loaderautoprefixer //自动根据模版生成html插件 cnpminstall--save-devhtml-webpack-plugin //分离CSS和JS文件 cnpminstall--save-devextract-text-webpack-plugin
--save和--save-dev的区别
相同点：都是写入到package.json中
不同点：1使用--save-dev安装的插件，被写入到devDependencies对象里面去，而使用--save安装的插件，则被写入到dependencies对象里面去。
2devDependencies 里面的插件只用于开发环境，不用于生产环境，而dependencies 是需要发布到生产环境的。
总结
以上所述是小编给大家介绍的vue和webpack项目构建过程常用的npm命令，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！