vue和webpack项目构建过程常用的npm命令详解


Posted in Javascript onJune 15, 2018

vue

//最新稳定版
cnpm install vue
 //全局安装 vue-cli
 cnpm install --global vue-cli
 //创建一个基于 webpack 模板的新项目
vue init webpack my-project
 //进入项目目录,运行
cd my-project
 cnpm install
 cnpm run dev

 webpack

//全局安装webpack
 cnpm install -g webpack
 //安装到你的项目目录
cnpm install --save-dev webpack
 //初始化package.json
 cnpm init
 //使用webpack构建本地服务器
cnpm install --save-dev webpack-dev-server
 //运行本地服务器
npm run server
 // npm一次性安装多个依赖模块,模块之间用空格隔开
cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react
 //css-loader 和 style-loader
 cnpm install --save-dev style-loader css-loader
 //安装less-loader和less: 
cnpm install less less-loader --save-dev
 //postcss-loader 和 autoprefixer(自动添加前缀的插件)
cnpm install --save-dev postcss-loader autoprefixer
 //自动根据模版生成html插件
cnpm install --save-dev html-webpack-plugin
 //分离CSS和JS文件
cnpm install --save-dev extract-text-webpack-plugin

--save和--save-dev的区别

 相同点:都是写入到package.json中

 不同点:1使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,则被写入到 dependencies 对象里面去。

2devDependencies  里面的插件只用于开发环境,不用于生产环境,而 dependencies  是需要发布到生产环境的。

总结

以上所述是小编给大家介绍的vue和webpack项目构建过程常用的npm命令,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
csdn 论坛技术区平均给分功能
Nov 07 Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
Mar 02 Javascript
JavaScript简单下拉菜单实例代码
Sep 07 Javascript
基于canvas实现的绚丽圆圈效果完整实例
Jan 26 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
jQuery Form表单取值的方法
Jan 11 Javascript
详解微信小程序 wx.uploadFile 的编码坑
Jan 23 Javascript
JavaScript模块化之使用requireJS按需加载
Apr 12 Javascript
node.js基础知识汇总
Aug 25 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
vue和webpack安装命令详解
Jun 15 #Javascript
Webpack devServer中的 proxy 实现跨域的解决
Jun 15 #Javascript
详解webpack的proxyTable无效的解决方案
Jun 15 #Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 #Javascript
vue和webpack打包项目相对路径修改的方法
Jun 15 #Javascript
webpack公共组件引用路径简化小技巧
Jun 15 #Javascript
微信小程序自定义tab实现多层tab嵌套功能
Jun 15 #Javascript
You might like
PHP stream_context_create()作用和用法分析
2011/03/29 PHP
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
jquery tools之tooltip
2009/07/25 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
2011/03/16 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
[01:25]DOTA2自定义游戏灵园鬼域等你踏足
2015/10/30 DOTA
python 自动提交和抓取网页
2009/07/13 Python
pycharm远程调试openstack的图文教程
2017/11/21 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
解决Python 命令行执行脚本时,提示导入的包找不到的问题
2019/01/19 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
Pyqt清空某一个QTreeewidgetItem下的所有分支方法
2019/06/17 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
Expedia韩国官网:亚洲发展最快的在线旅游门户网站
2018/02/26 全球购物
英语师范专业毕业生自荐信
2013/09/21 职场文书
保护黄河倡议书
2014/05/16 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
公司员工辞职信范文
2015/05/12 职场文书
2015年文秘个人工作总结
2015/10/14 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
Python必备技巧之函数的使用详解
2022/04/04 Python
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript