vue 2.0入门 之 脚手架 vue-cli

关于脚手架vue-cli 

首先，vue 是在node 环境下 并且是使用es5语法特性编写的语言。所以，当我们创建一个vue项目的时候，首先要为他安装一个node环境。 windows 安装链接https://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html

其次，vue-cli 脚手架 是一个生成vue项目的工具 。通俗点，例如当我们使用eclipse 创建一个项目时，选择javaweb 项目，生成一个文件，自带有一些页面和配置。 vue-cli就是这样一个工具，可以帮助我们生成一个配置好的vue项目，不用自己去写目录结构 或者 配置 信息。

安装vue-cli 脚手架 并创建一个项目  ：

  

   # 全局安装 vue-cli
  
  

   $ npm install --global vue-cli
  
  

   # 创建一个基于 webpack 模板的新项目 
  
  

   $ vue init webpack my-project     
    例 vue init webpack vuedemo,创建一个基于webpack模板的名为vuedemo的项目
  
  

   # 安装依赖，走你
  
  

   $ 
   cd my-project     
  
  

   $ npm install
  
  

   $ npm run dev
  

成功后，浏览器会显示这样一个页面，然后你的项目就搭建成功啦。就可以开始写代码了！