1.全局安裝? ? ? vue-cli

npm i vue-cli -g

2.在需要創(chuàng)建項(xiàng)目下打開命令行窗口，執(zhí)行命令

vue? init? webpack? projectname(你的項(xiàng)目名稱）

3.進(jìn)入項(xiàng)目根目錄 ，安裝所需的依賴，執(zhí)行命令

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結(jié)構(gòu)

script放js代碼

style放css或less文件，若需添加局部樣式，在style標(biāo)簽中添加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之a(chǎn)jax的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);

})

11.vue之a(chǎn)xios的使用，詳見。。。今天先不寫，去公司再寫

12.vue之文件打包上傳

最最最淺顯的一個：

npm run build

另一種在項(xiàng)目搭建的時候，就部署好測試環(huán)境和生產(chǎn)環(huán)境分別應(yīng)該打包的配置方式，還在研究當(dāng)中。。。。