使用webpack搭建vue环境的教程详解


Posted in Javascript onDecember 31, 2019

1、安装node.js,在官网下载,直接下一步,完成。nodejs里默认包含npm环境。国内安装包的速度太慢,建议使用cnpm淘宝镜像。

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、vue-cli构建SPA应用

安装vue:npm install vue -g

安装vue-cli:npm install -g vue-cli

使用webpack构建一个简单项目:vue init webpack-simple demo5;此时会让你填写项目名称,描述,作者,版权许可(license),是否使用sass。此时一个vue项目就构建好了。

使用webpack搭建vue环境的教程详解

使用webpack构建一个复杂项目:vue init webpackdemo6,此时的项目就会构建的复杂一些。

使用webpack搭建vue环境的教程详解

此时:cd demo6

npm run dev即可运行开发环境

使用webpack跨域代理
使用代理可以使本地环境可以跨域请求其他服务器数据。

在config文件夹下的index.js中

使用webpack搭建vue环境的教程详解

,修改下列代码:

使用webpack搭建vue环境的教程详解

此时,本地开发环境就可以跨域请求其他服务器的数据。

使用webpack搭建vue环境的教程详解

总结

以上所述是小编给大家介绍的使用webpack搭建vue环境的教程,希望对大家有所帮助!

Javascript 相关文章推荐
【消息提示组件】,兼容IE6/7&&FF2
Sep 04 Javascript
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
Javascript算符的优先级介绍
Mar 20 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
Jul 01 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 Javascript
jquery仿微信聊天界面
May 06 jQuery
基于Vue单文件组件详解
Sep 15 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
vue-cli在 history模式下的配置详解
Nov 26 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 #Javascript
TypeScript之调用栈的实现
Dec 31 #Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 #Javascript
Vue实现剪贴板复制功能
Dec 31 #Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 #Javascript
小程序外卖订单界面的示例代码
Dec 30 #Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 #Javascript
You might like
新手菜鸟必读:session与cookie的区别
2013/08/22 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
node.js中的buffer.copy方法使用说明
2014/12/14 Javascript
最全面的JS倒计时代码
2016/09/17 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
2016/10/10 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
JavaScript html5 canvas实现图片上画超链接
2017/10/20 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
微信小程序如何实现全局重新加载
2019/06/05 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
scrapyd schedule.json setting 传入多个值问题
2019/08/07 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
2020/11/26 Vue.js
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
python实现的各种排序算法代码
2013/03/04 Python
用Python shell简化开发
2018/08/08 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
python计算无向图节点度的实例代码
2019/11/22 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
Turnbull & Asser官网:英国皇室御用的顶级定制衬衫
2019/01/31 全球购物
运动会通讯稿300字
2014/02/02 职场文书
银行办公室岗位职责
2014/03/10 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
预防传染病方案
2014/06/14 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
用人单位聘用意向书
2015/05/11 职场文书
运动会广播稿50字
2015/08/19 职场文书
2019年幼儿园家长接送责任书
2019/10/29 职场文书
Mysql如何实现不存在则插入,存在则更新
2022/03/25 MySQL