vue在web項目開發、網站的制作 ， 或者是app等都越來越流行 ， 所以有越來越多人學習 ， 下邊我簡單地介紹了vue的安裝配置與編譯 。 安裝node.js1先去下載node.js ， node.js半斤八兩于起到編譯器的感化 ， 下載地址：https://nodejs.org/en/download/ ， 下載完后進行安裝 。

2安裝當作功后 ， 右鍵我的電腦進入高級系統設置 ， 并查抄nodeJs的情況變量是否添加當作功 ， 若添加當作功 ， 則可在cmd號令行頁面中利用npm號令 。



安裝Vue-cli 1Vue的源碼有很多的組件庫,為了提高安裝速度 ， 所以建議切換為淘寶鏡像
在cmd中輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org ， 輸入后按回車 。



2若切換了淘寶鏡像 ， 則npm號令全數變為cnpm ， 反之用npm即可 。
在cmd淘寶鏡像模式下輸入:  cnpm install -g @vue/cli ， 輸入后按回車 。

3Vue安裝當作功后,即可利用vue號令建立項目 。

建立項目1建立項目時 ， 號令行將提醒選擇設置裝備擺設體例 ， 不選擇default ， 選擇自界說設置裝備擺設 ， 偏向鍵選擇 ， 回車進入下一步 。



2按照需求選擇所需的項目設置裝備擺設 。
本家兒要選擇設置裝備擺設申明如下：
Linter/Formatter 不勾選（規范化的前端Vue項目開辟需勾選 ， 來由：同一規范 ， 避免格局化的沖突 ， 小我開辟不需要 ， 會對代碼格局化 ， 和縮進等格局的要求較為嚴酷同一）
Router 路由  沒有路由就不是單頁面的形式 ， 便利做同一鑒定 ， 權限什么的    
vueX  同一狀況辦理 ， 文件上表現為 store目次 ， 用途舉例：當操作添加商品頁面不小心退出時 ， 需保留即時數據 ， 引入后可挪用其方式實近況態保留 。
利用空格選中或反選 ， 小我利用只需勾選 Babel  Router和Vuex 選擇后回車進入下一步 。



3然后選擇 In package.json  (設置裝備擺設存儲在項目目次下的,packae.json中) ， 按回車確認 。



4扣問時辰存儲為項目默認設置裝備擺設, 輸入N不保留 ， 若保留則新項目標設置裝備擺設將提醒是否沿用默認設置裝備擺設,凡是按照每個項目標需求進行設置裝備擺設 ， 按回車后進入期待頁面 。






運行1加載完當作后 ， 將提醒  1.cd XXX    2.npm run serve 。
按照其提醒輸入cd xxx后進入vue項目地址后輸入第二個號令即可運行項目 。 ps：若在淘寶鏡像下,改用cnpm run serve 。
靜候幾秒 ， 呈現該頁面即為項目運行當作功 ， 可經由過程http://localhost:8080/拜候項目 。



2經由過程http://localhost:8080/拜候項目 ， 項目當作功運行之后 ， 即可起頭進行編碼與調試工作 。

猜你喜歡

• centos 安裝solr
• 漢族的風俗 漢族的風俗有哪些
• jquery怎么把下拉框選中的值賦給文本框
• mg是什么車 mg是什么牌子的車
• 傷感的句子 傷感的句子簡短
• 普洱茶葉底的秘密
• 回甘生津是怎么一回事
• 不是所有的茶都需要洗茶
• 劣質普洱茶的4看6不看
• 普洱茶的前世今生