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函数的重载
Sep 22 Javascript
UpdatePanel和Jquery冲突的解决方法
Apr 01 Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
node.js require() 源码解读
Dec 13 Javascript
微信小程序 实战实例开发流程详细介绍
Jan 05 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
js变量值传到php过程详解 将php解析成数据
Jun 26 Javascript
基于vue.js实现购物车
Jan 15 Javascript
Vue+tracking.js 实现前端人脸检测功能
Apr 16 Javascript
原生javascript如何实现共享onload事件
Jul 03 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
十天学会php(1)
2006/10/09 PHP
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
php结合ACCESS的跨库查询功能
2015/06/12 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
我见过最全的个人js加解密功能页面
2007/12/12 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
JavaScript调用浏览器打印功能实例分析
2015/07/17 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
用nodejs的实现原理和搭建服务器(动态)
2016/08/10 NodeJs
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
深入理解Javascript中的this关键字
2015/03/27 Python
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
PyCharm使用教程之搭建Python开发环境
2016/06/07 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
python中实现控制小数点位数的方法
2019/01/24 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
《圆明园的毁灭》教学反思
2014/02/28 职场文书
美容院经理岗位职责
2014/04/03 职场文书
毕业生求职信
2014/06/10 职场文书
2014年节能降耗工作总结
2014/12/11 职场文书