vue学习笔记之运行环境搭建

vue主要干了什么

  1. 数据渲染/数据同步
  2. 组件化/模块化
  3. 其他功能:路由、ajax、数据流

vue学习资源

  1. vuejs中文官网:http://cn.vuejs.org/
  2. vuejs源码:https://github.com/vuejs/vue
  3. vuejs官方工具:https://github.com/vuejs
  4. vuejs官方论坛:http://forum.vuejs.org/

vue运行环境搭建(Windows)

  1. 安装node.js,直接在官网下载,下一步下一步安装即可
  2. 安装cnpm,在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待
  3. 安装webpack,在命令行中输入:cnpm install webpack -g
  4. 安装vue-cli脚手架构建工具,在命令行中运行命令 cnpm install -g vue-cli ,然后等待安装完成。
    通过以上四步,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目了。在命令行中执行一下步骤:
    (1)vue init webpack my-project(新建一个基于webpack模板的项目,一路回车就可以了,需要的东西可以后期使用的时候安装)
    (2) cd my-project(进入文件夹然后安装依赖)
    (3) cnpm install(使用cnpm安装较快,但是可能开发过程中缺包,用npm可能安装不成功,太慢了)
  5. npm run dev(启动运行项目)

你可能感兴趣的:(前端学习笔记,vue运行环境搭建)