vue文件运行的方法教学


Posted in Javascript onFebruary 12, 2019

vue文件怎么运行呢?下面就跟小编一起来看一看吧。

vue文件运行的方法教学

1、首先,列出来我们需要的东西:  

  • node.js环境(npm包管理器)
  • vue-cli 脚手架构建工具
  • cnpm  npm的TB镜像

vue文件运行的方法教学

2、如果你是用vue-cli webpack builid之后,

放到web服务器,访问index.html就可以运行了。

vue文件运行的方法教学

3、常见的web服务器有tomcat,nginx等。

推荐使用nginx。

vue文件运行的方法教学

4、在项目目录中,运行命令 npm run dev ,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

vue文件运行的方法教学

5、这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。

 项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。

vue文件运行的方法教学

Javascript 相关文章推荐
javascript各浏览器中option元素的表现差异
Apr 07 Javascript
查看源码的工具 学习jQuery源码不错的工具
Dec 26 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
Mar 05 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
vue实现全选、反选功能
Nov 17 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
Aug 25 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
vue的for循环使用方法
Feb 12 #Javascript
JavaScript常用工具方法封装
Feb 12 #Javascript
vue组件开发props验证的实现
Feb 12 #Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 #Javascript
从组件封装看Vue的作用域插槽的实现
Feb 12 #Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 #Javascript
PostgreSQL Node.js实现函数计算方法示例
Feb 12 #Javascript
You might like
据说是雅虎的一份PHP面试题附答案
2009/01/07 PHP
php面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
php 常用类整理
2009/12/23 PHP
PHP可逆加密/解密函数分享
2012/09/25 PHP
PHP错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
2014/07/28 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
php操作xml并将其插入数据库的实现方法
2016/09/08 PHP
一端时间轮换的广告
2006/06/26 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
javascript加号"+"的二义性说明
2013/03/04 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
jQuery性能优化的38个建议
2014/03/04 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
详解浏览器缓存和webpack缓存配置
2018/07/06 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
Vue实现手机计算器
2020/08/17 Javascript
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
[55:39]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第二场 1月19日
2021/03/11 DOTA
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
医院护士的求职信范文
2013/12/26 职场文书
优秀毕业生自荐信范文
2014/01/01 职场文书
迟到检讨书900字
2014/01/14 职场文书
优秀幼教自荐信
2014/02/03 职场文书
安全检查汇报材料
2014/12/26 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
Springboot集成阿里云OSS上传文件系统教程
2021/06/28 Java/Android
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python