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 相关文章推荐
js 事件小结 表格区别
Aug 13 Javascript
js正则表达式的使用详解
Jul 09 Javascript
JS中Location使用详解
May 12 Javascript
Jquery基础之事件操作详解
Jun 14 Javascript
angularjs 表单密码验证自定义指令实现代码
Oct 27 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
Nov 02 Javascript
JavaScript如何获取一个元素的样式信息
Jul 29 Javascript
jQuery中DOM操作原则实例分析
Aug 01 jQuery
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+DBM的同学录程序(3)
2006/10/09 PHP
PHP文件操作实现代码分享
2011/09/01 PHP
php实现快速排序法函数代码
2012/08/27 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
AngularJS中取消对HTML片段转义的方法例子
2015/01/04 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
2016/05/10 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
React Router基础使用
2017/01/17 Javascript
Vue.use源码分析
2017/04/22 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
jQuery extend()详解及简单实例
2017/05/06 jQuery
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
jQuery实现数字华容道小游戏(实例代码)
2020/01/16 jQuery
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
python实现弹跳小球
2019/05/13 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
英国汽车零件购物网站:GSF Car Parts
2019/05/23 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
视光学专业毕业生推荐信
2013/10/28 职场文书
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
python办公自动化之excel的操作
2021/05/23 Python