Vue的安裝配置與編譯
安裝node.js
- 1
先去下載node.js，node.js半斤八兩于起到編譯器的感化，下載地址：https://nodejs.org/en/download/ ，下載完后進行安裝。
- 2
安裝當作功后，右鍵我的電腦進入高級系統設置，并查抄nodeJs的情況變量是否添加當作功，若添加當作功，則可在cmd號令行頁面中利用npm號令。
END
安裝Vue-cli
- 1
Vue的源碼有很多的組件庫,為了提高安裝速度，所以建議切換為淘寶鏡像
在cmd中輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org，輸入后按回車。
- 2
若切換了淘寶鏡像，則npm號令全數變為cnpm，反之用npm即可。
在cmd淘寶鏡像模式下輸入: cnpm install -g @vue/cli，輸入后按回車。
- 3
Vue安裝當作功后,即可利用vue號令建立項目。
END
建立項目
- 1
建立項目時，號令行將提醒選擇設置裝備擺設體例，不選擇default，選擇自界說設置裝備擺設，偏向鍵選擇，回車進入下一步。
- 2
按照需求選擇所需的項目設置裝備擺設。
本家兒要選擇設置裝備擺設申明如下：
Linter/Formatter 不勾選（規范化的前端Vue項目開辟需勾選，來由：同一規范，避免格局化的沖突，小我開辟不需要，會對代碼格局化，和縮進等格局的要求較為嚴酷同一）
Router 路由 沒有路由就不是單頁面的形式 ， 便利做同一鑒定，權限什么的
vueX 同一狀況辦理，文件上表現為 store目次，用途舉例：當操作添加商品頁面不小心退出時，需保留即時數據，引入后可挪用其方式實近況態保留。
利用空格選中或反選 ，小我利用只需勾選 Babel Router和Vuex 選擇后回車進入下一步。
- 3
然后選擇 In package.json (設置裝備擺設存儲在項目目次下的,packae.json中)，按回車確認。
- 4
扣問時辰存儲為項目默認設置裝備擺設, 輸入N不保留， 若保留則新項目標設置裝備擺設將提醒是否沿用默認設置裝備擺設,凡是按照每個項目標需求進行設置裝備擺設，按回車后進入期待頁面。
END
運行
- 1
加載完當作后，將提醒 1.cd XXX 2.npm run serve。
按照其提醒輸入cd xxx后進入vue項目地址后輸入第二個號令即可運行項目。 ps：若在淘寶鏡像下,改用cnpm run serve。
靜候幾秒，呈現該頁面即為項目運行當作功，可經由過程http://localhost:8080/拜候項目。
- 2
經由過程http://localhost:8080/拜候項目，項目當作功運行之后，即可起頭進行編碼與調試工作。
- 3
當項目最終完當作后，可經由過程 npm run build 或淘寶鏡像下的 cnpm run build進行編譯，編譯完當作后會生當作dist文件目次。
- 4
dist為系統編譯后的文件，注：vue項目中所引入的組件庫，僅有效到的會被編譯到dist中，是以可直接將dist文件放置辦事器情況下運行，只需注重路徑等問題即可。
END
注重事項
- 若是此篇文章對您有幫忙，請撐持一下，感謝！
- 發表于 2020-04-16 19:00
- 閱讀 ( 858 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章