使用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 相关文章推荐
如何用JavaScript定义一个类
Sep 12 Javascript
浅谈Javascript 数组与字典
Jan 29 Javascript
jquery图形密码实现方法
Mar 11 Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 Javascript
jquery限定文本框只能输入数字(整数和小数)
Jan 08 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
Nov 09 Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 Javascript
浅析Vue中method与computed的区别
Mar 06 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
vue跳转页面的几种方法(推荐)
Mar 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
php中实现记住密码自动登录的代码
2011/03/02 PHP
PHP静态文件生成类实例
2014/11/29 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
javascript实现仿腾讯游戏选择
2015/05/14 Javascript
Javascript之String对象详解
2016/06/08 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
python写日志封装类实例
2015/06/28 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
python实现百度OCR图片识别过程解析
2020/01/17 Python
Python requests模块cookie实例解析
2020/04/14 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
HTML5 拖放(Drag 和 Drop)详解与实例代码
2017/09/14 HTML / CSS
台湾母婴用品购物网站:Infant婴之房
2018/06/15 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
各营销点岗位职责范本
2014/03/05 职场文书
颁奖晚会主持词
2014/03/25 职场文书
四风查摆问题自查报告
2014/10/10 职场文书