vue-cli创建新项目

1.全局安装      vue-cli

npm i vue-cli -g

2.在需要创建项目下打开命令行窗口，执行命令

vue  init  webpack  projectname(你的项目名称）

3.进入项目根目录 ，安装所需的依赖，执行命令

npm i     

4.编译文件，并自动打开浏览器测试，输入命令

npm run dev 或者npm run start 

5.主入口文件   

src/main.js

6.主组件文件

src/App.vue

7.组件位于components文件夹中

8.路由文件     src/router/index.js

9.   .vue组件中

template放DOM结构

script放js代码

style放css或less文件，若需添加局部样式，在style标签中添加scoped

10.使用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