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 相关文章推荐
jquery div拖动效果示例代码
Dec 08 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
把Node.js程序加入服务实现随机启动
Jun 25 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
Vue实现搜索结果高亮显示关键字
May 28 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 Javascript
Websocket 向指定用户发消息的方法
Jan 09 Javascript
使用JavaScript通过前端发送电子邮件
May 22 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 Javascript
原生js实现俄罗斯方块
Oct 20 Javascript
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
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
2013/02/18 Javascript
js监听键盘事件示例代码
2013/07/26 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
当达到输入长度时表单自动切换焦点
2014/04/06 Javascript
再探JavaScript作用域
2014/09/24 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
TypeOf这些知识点你了解吗
2016/02/21 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
解决AngualrJS页面刷新导致异常显示问题
2017/04/20 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
对vue下点击事件传参和不传参的区别详解
2018/09/15 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
python链接Oracle数据库的方法
2015/06/28 Python
Python实现图像几何变换
2015/07/06 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
解决Django后台ManyToManyField显示成Object的问题
2019/08/09 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
Django REST Swagger实现指定api参数
2020/07/07 Python
时尚的CSS3进度条效果
2012/02/22 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
LN-CC中国:高端男装和女装的奢侈时尚目的地
2019/09/14 全球购物
合同专员岗位职责
2013/12/18 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
装修协议书范本
2014/04/21 职场文书
生产操作工岗位职责
2014/09/16 职场文书
授权委托书样本
2014/09/25 职场文书
就业导师推荐信范文
2015/03/27 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
Nginx配置使用详解
2022/07/07 Servers