通过vue-cli创建一个项目

 1.1 安装vue-cli 脚手架  --> npm install -g vue-cli
      验证安装是否成功：vue
      

  1.2 到创建项目的路径，创建项目 --> vue init webpack <项目名称>

       1.0的项目的话，vue init webpack#1.0 <项目名称>

      查看预设的模板--> vue list
      结果：5个模板，分别是browserify,browserify-simple,
                   simple,webpack,webpack-simple
      此处创建的是一个webpack模板
      出现：project name<vue-cli-test>:项目的名称
            project description <A vue.js proect>:项目描述
            Author <***  <***邮箱地址>>
            Vue build (默认 ：standalone)
            Install vue-router? ：是否创建路由
            Use ESLint to lint your code? (Y/n) ：使用eslint依赖规范你的代码
            Pick an ESLint preset Standard       ：eslint 预设选项
            Setup unit tests with Karma + Mocha? ：是否使用单元测试
            Setup e2e tests with Nightwatch?     ：是否e2e测试
 1.3  生成的文件路径下，自动加载
      进入创建文件路径 -->cd  <项目名称>
      查看文件         -->dir (或者直接到对应的目录下面进行查看)


 1.4 安装模块下代码的依赖  -->npm install(过程比较漫长)
 1.5 安装成功后多了一个node_modeles目录 
     运行  --> npm run dev 
     出现：  strating dev server
             listening at http://localhost:8080
             (8080端口是默认的，可能会出现端口占用的情况，更改一个即可)


 1.6 在浏览器中可以看到创建的一个初始项目