站内搜索:
首页 >> 前端 >> 内容
vue2学习第一节

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

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项目已经能够跑起来。一行代码还没写,后面会把学习的过程都记录下来

  • 上一篇:innerHTML的使用
  • 下一篇:openrestyIP防火墙
  • 返回顶部