使用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 相关文章推荐
jquery $(document).ready() 与window.onload的区别
Dec 28 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
Dec 08 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
vue.js使用v-if实现显示与隐藏功能示例
Jul 06 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
如何实现iframe父子传参通信
Feb 05 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
JS可断点续传文件上传实现代码解析
Jul 30 Javascript
Vite和Vue CLI的优劣
Jan 30 Vue.js
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
简单的php文件上传(实例)
2013/10/27 PHP
php给一组指定关键词添加span标签的方法
2015/03/31 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
2012/12/10 Javascript
对jQuery的事件绑定的一些思考(补充)
2013/04/20 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
js格式化时间小结
2014/11/03 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
Python之父谈Python的未来形式
2016/07/01 Python
python实现上传文件到linux指定目录的方法
2020/01/03 Python
python中count函数简单的实例讲解
2020/02/06 Python
在服务器上安装python3.8.2环境的教程详解
2020/04/26 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
Python中过滤字符串列表的方法
2020/12/22 Python
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
2015/04/24 HTML / CSS
香港迪士尼乐园酒店预订:Hong Kong Disneyland Hotels
2017/05/02 全球购物
彪马日本官网:PUMA日本
2019/01/31 全球购物
英国外籍人士的在线超市:British Corner Shop
2019/06/03 全球购物
德国亚马逊官方网站:Amazon.de
2020/11/15 全球购物
简历中自我评价范文3则
2013/12/14 职场文书
英文推荐信格式范文
2014/05/09 职场文书
团结演讲稿范文
2014/05/23 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
python基础之匿名函数详解
2021/04/21 Python