使用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文本框输入点回车触发确定兼容IE、FF等
Nov 19 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
AngularJS包括详解及示例代码
Aug 17 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
详解vuejs之v-for列表渲染
Jun 22 Javascript
详解wow.js中各种特效对应的类名
Sep 13 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 Javascript
Javascript实现鼠标移入方向感知
Jun 24 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 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 debug 安装技巧
2011/04/30 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法
2016/11/03 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
js indexOf()定义和用法
2012/10/21 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
用js设置下拉框为只读的小技巧
2014/04/10 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
2016/04/26 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
VUE实现自身整体组件销毁的示例代码
2020/01/13 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
python实现基本进制转换的方法
2015/07/11 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
djang常用查询SQL语句的使用代码
2019/02/15 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
Python实战之制作天气查询软件
2019/05/14 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
物业管理应届生求职信
2013/10/28 职场文书
自我鉴定四大框架
2014/01/17 职场文书
写给学生的新学期寄语
2014/01/18 职场文书
初中科学教学反思
2014/01/21 职场文书
《走一步再走一步》教学反思
2014/02/15 职场文书
西式婚礼主持词
2014/03/13 职场文书
社区服务标语
2014/07/01 职场文书
通知的格式范文
2015/04/27 职场文书
心得体会格式及范文
2016/01/25 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书