vue2 学习第一节

Vue2 学习笔记

环境准备

1.安装node环境
2.长城的原因这里切换下node源(推荐淘宝的)npm install -g cnpm –registry=https://registry.npm.taobao.org
3.安装webpack cnpm install webpack -g
4.全局安装vue、vue-cli脚手架
cnpm install vue@2.1.6 cnpm install -g vue-cli

初始化工程

1.cd 到工作目录
2.vue init webpack vue-fade(工程名不能是中文)
3.cd vue-fade
4.编译项目 cnpm install
5.测试运行 cnpm run dev

截图示例

初始化项目

编译项目

运行项目

cnpm run dev

这里顺便安装下element-ui 其版本是1.1.6 需要vue2.1.6版本或以上，如果vue版本过低则先升级；cnpm update -g vue cnpm i element-ui@1.1.6

至此demo项目已经能够跑起来。一行代码还没写，后面会把学习的过程都记录下来