您现在的位置:首页 >> 前端 >> 内容

vue2学习第一节

时间:2017/2/24 22:22:00 点击:

  核心提示:Vue2 学习笔记环境准备 1.安装node环境 2.长城的原因这里切换下node源(推荐淘宝的)npm install -g cnpm registry=https://registry.npm.t...

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

截图示例

初始化项目

vue2学习第一节

编译项目

vue2学习第一节

运行项目

cnpm run dev

vue2学习第一节

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

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

Tags:VU UE E2 2学 
作者:网络 来源:不详
  • 上一篇:innerHTML的使用
  • 下一篇:openrestyIP防火墙