vue-cli创建新项目

1.全局安装      vue-clinpm i vue-cli -g2.在需要创建项目下打开命令行窗口，执行命令vue  init  webpack  projectname(你的项目名称）3.进入项目根目录 ，安装所需的依赖，执行命令npm i     4.编译文件，并自动打开浏览器测试，输入命令npm run dev 或者npm run start 5.主入口文件   src/main.js6.主组件文件src/App.vue7.组件位于components文件夹中8.路由文件     src/router/index.js9.   .vue组件中template放DOM结构script放js代码style放css或less文件，若需添加局部样式，在style标签中添加scoped10.使用less文件需要安装npm  i  vue-style-loader  css-loader  less  less-loader  -D引入全局的文件可使用less的解析方式 ， @import    "文件URL";<style lang="less" scoped>@import "url";</style>11.vue之ajax的vue-resource的使用npm i vue-resource -S在main.js中    import Resource from "vue-resource";Vue.use(Resource);使用:this.$http.get("url").then(function(res){    console.log(res);})12.vue之文件打包上传最最最浅显的一个：npm run build另一种在项目搭建的时候，就部署好测试环境和生产环境分别应该打包的配置方式，还在研究当中。。。。可以参见我的简书地址:http://www.jianshu.com/writer#/notebooks/22019482/notes/23690935我的简书地址:http://www.jianshu.com/writer#/notebooks/22019482/notes/22167783