vue-cli搭建Vue简单工程架构

       终于搞懂了npm和webpack引入文件，但是苦逼的发现vue引入后一直报Vue未定义，苦逼的找不到原因，不知道哪里出毛病了，挣扎了好久，才发现原来是es2015-loader没有加载，更苦逼的是，vue-cli已经配置好了所有东西，不用自己苦逼的一个个npm install。此文针对懂vue开发，但是不懂搭建项目基础的小伙伴。

Vue-cli安装及其配置

    vue-cli已经安装好了你需要构建vue项目的基础，只需要创建自己的项目就可以直接用，非常方便。

    全局安装vue-cli

    npm install vue-cli -g

    

    

    说明vue-cli安装成功，如果出现vue不是内部或外部命令的报错，是环境变量没配置，设置系统环境变量，path中添加上npm全局文件路径即可

     

    

     创建工程

    vue init webpack-simple my-vue           回车后会提示一系列工程相关的参数，可不管

    

    

    创建成功之后       

          cd my-vue    进入工程  

    再执行npm install 安装node_modules  

    安装完成之后跑一下服务  npm run  dev

    

    自动打开默认浏览器，显示上图页面，说明简单的vue项目已经搭建成功。