Vue.js2.0从入门到放弃---入门实例(一)
最近,vue.js越来越火。在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api。。。废话不多说了,把我踩过的坑,在这里跟大家说说,希望对初学者有所帮助。ps:高手请绕道。
既然是入门实例,那肯定从最基础的开始了,希望初学者们耐心看下去。首先,列出来我们需要的东西:
- node.js环境(npm包管理器)
- vue-cli 脚手架构建工具
- cnpm npm的淘宝镜像
安装node.js
npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息。
OK!node环境已经安装完成,npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm。
安装cnpm
安装vue-cli脚手架构建工具
用vue-cli构建项目
安装项目所需的依赖
运行项目
Vue.js2.0从入门到放弃---入门实例(一)相关推荐
- Vue.js2.0开发环境搭建(三)
转载自 Vue.js2.0从入门到放弃---入门实例(三) 今天就来简单说一下vue-resource,这是vue的一个与服务器端通信的HTTP插件,用来从服务器端请求数据.话不多说,直接上干货吧. ...
- Vue.js2.0开发环境搭建(一)
转载自 Vue.js2.0从入门到放弃---入门实例(一) 最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题 ...
- Vue.js2.0开发环境搭建(四)
转载自 vuejs2.0从入门到放弃--入门实例(四) 最近,很多小伙伴有疑惑,想学vuejs必须先了解复杂的构建工具和命令行操作吗!!答案是否定的! 对于很多做前端的同学,涉及到命令行和构建工具 ...
- Vue.js2.0开发环境搭建(二)
转载自 Vue.js 2.0从入门到放弃---入门实例(二) 前面一篇博客介绍了从零开始准备Vue.js所需的一些环境和工具.这片博客就来跟大家探讨一下Vue.js 2.0中的一些特性,以及一个小实 ...
- flink入门_Flink从入门到放弃-入门篇
大数据成神之路: 点我去成神之路系列目录^_^ Java高级特性增强-集合 Java高级特性增强-多线程 Java高级特性增强-Synchronized Java高级特性增强-volatile Jav ...
- 耗时近一个月,终于录完了VUE.JS2.0前端视频教程!
这次课录制的比较辛苦,圣诞节时原本已经快录制完成了,偶然的一次,播放了一下,感觉不满意,好几篇推倒重来,所以今天才结束. vue.js2.0是Vue.JS的最新版本,视频教程还不多,如果你看到了,学到 ...
- vue.js2.0完整视频教程12套
0.1智能社vuejs(1-11章全套) 0.2英文版learing vuejs 0.3Vue.js实战小米阅读开发 0.4走进Vue.js2.0 0.5Vuejs教程45节课 0.6Vue.js+N ...
- vue.js2.0 新手开发_VueJs2.0建议学习路线
最近VueJs确实火了一把,自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢. 既然大家会看这篇文章,那么 ...
- Vue 2.0 起步(2) 组件及 vue-router实例 - 微信公众号RSS
参考: Vue 2.0 起步(1) 脚手架工具 vue-cli + Webstorm 2016 + webpack vue-router官方文档 什么是组件? 下面引自官网: 组件(Component ...
- Vue.js2.0 入门实例(二)(小试牛刀)
前面一篇博客介绍了从零开始准备Vue.js所需的一些环境和工具.这片博客就来跟大家探讨一下Vue.js 2.0中的一些特性,以及一个小实例,通过实例来跟大家分享,想必更容易理解. 先来看一下,看完这篇 ...
最新文章
- springDataJpa实现普通模糊查询
- HTTP和HTTPS协议的区别
- 小学六年级能用计算机器,小学六年级信息技术测试题
- stringbuffer的最大长度_Java中的String、StringBuffer和StringBuilder
- android天女散花效果_Android有趣的爆炸散落动画view:开源ExplosionField
- C语言变长数组 struct中char data[0]的用法
- [LCT动态树] [NOI2014]魔法森林,[ZJOI2018]历史
- excel服务器2010网站,excel服务器2010
- Luogu 4244 [SHOI2008]仙人掌图
- C++用new和不用new创建类对象区别
- 华为机试HJ29: 字符串加解密
- springboot基于javaweb的课堂考勤系统设计与实现毕业设计源码142335
- 公司内部项目章程模板
- 电子电路仿真软件中文版_电路仿真软件详谈(六),Proteus电路仿真软件的超级应用...
- 弹出usb大容量储存设备时出问题【无法结束SYSTEM进程情况,explorer.exe重启无用 | 已解决】
- 【国内动态】服务器列表
- 微机原理8253计数初值计算
- Java实现发邮件功能
- 行测笔记(主要知识点)
- BeyondCompare使用