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 相关文章推荐
js取消单选按钮选中示例代码
Nov 14 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
JavaScript几种数组去掉重复值的方法推荐
Apr 12 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
Sep 04 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
Node.js 数据加密传输浅析
Nov 16 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
JavaScript中发出HTTP请求最常用的方法
Jul 12 Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 Javascript
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
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
基于jquery的3d效果实现代码
2011/03/23 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
JavaScript获取各大浏览器信息图示
2015/11/20 Javascript
javascript创建对象的几种模式介绍
2016/05/06 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠
2014/06/13 DOTA
Python中常见的数据类型小结
2015/08/29 Python
Python实现的购物车功能示例
2018/02/11 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
国外平面设计第一市场:99designs
2016/10/25 全球购物
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
STAUD官方网站:洛杉矶独有的闲适风格
2019/04/11 全球购物
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
英语文学专业学生的自我评价
2013/10/31 职场文书
送货司机岗位职责
2013/12/11 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
商场主管竞聘书
2014/03/31 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
校长师德表现自我评价
2015/03/04 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
Python 数据可视化之Seaborn详解
2021/11/02 Python
使用javascript解析二维码的三种方式
2021/11/11 Javascript
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers