1.全局安裝? ? ? vue-cli
npm i vue-cli -g
2.在需要創(chuàng)建項目下打開命令行窗口俄认，執(zhí)行命令
vue? init? webpack? projectname(你的項目名稱）
3.進入項目根目錄 壳坪，安裝所需的依賴玻募，執(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結構
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之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
另一種在項目搭建的時候学赛，就部署好測試環(huán)境和生產(chǎn)環(huán)境分別應該打包的配置方式年堆，還在研究當中。盏浇。变丧。。
