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+css 图片自动缩放自适应大小
Aug 08 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
javascript中html字符串转化为jquery dom对象的方法
Aug 27 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
Feb 12 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
jQuery数组处理函数整理
Aug 03 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
关于foreach循环中遇到的问题小结
May 08 Javascript
vue复合组件实现注册表单功能
Nov 06 Javascript
JS实现给数组对象排序的方法分析
Jun 24 Javascript
Vue中keep-alive的两种应用方式
Jul 15 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
MYSQL数据库初学者使用指南
2006/11/16 PHP
PHP 常用数组内部函数(Array Functions)介绍
2013/06/05 PHP
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
php中解析带中文字符的url函数分享
2015/01/20 PHP
PHP随机获取未被微信屏蔽的域名(微信域名检测)
2017/03/19 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
AngularJS中取消对HTML片段转义的方法例子
2015/01/04 Javascript
js实现基于正则表达式的轻量提示插件
2015/08/29 Javascript
Bootstrap媒体对象的实现
2016/05/01 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
vuex操作state对象的实例代码
2018/04/25 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
2020/07/22 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
python类装饰器用法实例
2015/06/04 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
python2和python3在处理字符串上的区别详解
2019/05/29 Python
Form表单及django的form表单的补充
2019/07/25 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
linux 下selenium chrome使用详解
2020/04/02 Python
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
英文版餐饮运营管理求职信
2013/11/06 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
开业典礼致辞
2015/07/29 职场文书
Django框架之路由用法
2022/06/10 Python
python数字图像处理之图像的批量处理
2022/06/28 Python