使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析


Posted in Javascript onJanuary 16, 2018

安装环境

  • 安装node.js并配置环境变量
  • 安装淘宝镜像,npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装webpack,cnpm install webpack -g
  • 安装脚手架npm install vue-cli -g

创建项目

在硬盘上找一个文件夹放工程用的,在终端中进入该目录,cd目录路径
根据模板创建项目,vue init webpack-simple 工程名字<工程名字不能用中文>,vue init webpack 工程名字<工程名字不能用中文>,

使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析

模板解读

使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析

使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析

  • cd进入创建的工程目录
  • 安装项目依赖,npm install,不要使用cnpm install安装(会导致后面缺了很多依赖库)
  • 安装 vue 路由模块vue-router和网络请求模块vue-resource,cnpm install vue-router vue-resource --save
  • 启动项目 npm run dev,启动完毕后,在浏览器输入http://localhost:8080,就能看到初始界面了

总结

以上所述是小编给大家介绍的使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
通过JS获取用户本地图片路径并显示的代码
Feb 16 Javascript
百度移动版的url编码解码示例
Apr 29 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
Jun 30 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
Feb 04 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
详解ES6 Fetch API HTTP请求实用指南
Nov 14 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
vue项目添加多页面配置的步骤详解
May 22 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
Aug 07 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 #Javascript
详解layui中的树形关于取值传值问题
Jan 16 #Javascript
基于JavaScript实现抽奖系统
Jan 16 #Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 #Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 #Javascript
Parcel 打包示例(React HelloWorld)
Jan 16 #Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 #Javascript
You might like
PHP使用数组实现队列
2012/02/05 PHP
php上传文件常见问题总结
2015/02/03 PHP
php结合ACCESS的跨库查询功能
2015/06/12 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
php简单复制文件的方法
2016/05/09 PHP
如何用JavaScript定义一个类
2014/09/12 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
JavaScript实现的简单加密解密操作示例
2018/06/01 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
2020/04/28 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
python3制作捧腹网段子页爬虫
2017/02/12 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
Python拼接字符串的7种方法总结
2018/11/01 Python
python保存二维数组到txt文件中的方法
2018/11/15 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
python中使用asyncio实现异步IO实例分析
2021/02/26 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
同学聚会欢迎辞
2014/01/14 职场文书
《七颗钻石》教学反思
2014/02/28 职场文书
行政内勤岗位职责
2014/04/07 职场文书
中学生操行评语
2014/04/24 职场文书
幼儿园爱国卫生月活动总结
2014/06/30 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis