1-1 Vue环境搭建

#项目初始化

        1、安装vue-cli脚手架(用于搭建vue所需的模板框架)

                    cnpm install -g vue-cli，安装完成后，输入vue查看是否成功,输入vue list查看vue有那些子类npm install vue

         2、初始化项目

                    vue init webpack my-project(填入相关信息)

         3、进入项目

                    cd my-project

         4、初始化安装依赖

                    进入到工程目录 cnpm install 

          5、启动项目

                    npm run dev

 #项目目录结构

           

    build：最终发布的代码的存放位置。

    config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。

    node_modules：npm 加载的项目依赖模块。

    src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件。

    static：静态资源目录，如图片、字体等。存放的文件不会经过webpack处理，可以直接引用，例如swf文件如果要引用可以在webpack配置对swf后缀名的文件处理的loader，也可以直接将swf文件放在这个文件夹引用。      

    index.html：项目根视图，首页入口文件，可以添加一些meta信息或者同统计代码啥的

    .postcssrc.js：postcss配置文件

    package.json：项目配置文件。

    README.md：项目的说明文件。