使用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获取当前对象标签名称的方法
Feb 07 Javascript
让alert不出现弹窗的两种方法
May 18 Javascript
AngularJS基础学习笔记之指令
May 10 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
AngularJS学习笔记之依赖注入详解
May 16 Javascript
js实现3d悬浮效果
Feb 16 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
详解AngularJS脏检查机制及$timeout的妙用
Jun 19 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
vue实现五子棋游戏
May 28 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
php 读取文件乱码问题
2010/02/20 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
php使用mysqli和pdo扩展,测试对比连接mysql数据库的效率完整示例
2019/05/09 PHP
jQuery 第二课 操作包装集元素代码
2010/03/14 Javascript
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
jquery实现侧边弹出的垂直导航
2014/12/09 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
JS实现留言板功能
2017/06/17 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
javascript中的with语句学习笔记及用法
2020/02/17 Javascript
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
下载python中Crypto库报错:ModuleNotFoundError: No module named ‘Crypto’的解决
2018/04/23 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
Python内置加密模块用法解析
2019/11/25 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
django模型动态修改参数,增加 filter 字段的方式
2020/03/16 Python
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
C语言笔试题
2014/09/04 面试题
农民工创业典型事迹
2014/01/25 职场文书
测试工程师程序员求职信范文
2014/02/20 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
环境整治工作方案
2014/05/18 职场文书
国际商务专业毕业生自我鉴定2014
2014/09/27 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书