（一）創建項目——vue實戰進階

# vue ui

瀏覽器自動跳轉到vue的UI管理器

 

#創建新項目

 

# 手動創建預設

根據需求選擇相應的功能

作爲demo,一般把下面的功能取消，它是一個校驗格式的功能，可能會引發一些格式上的報錯

 

#將項目拖入HX

 

#下載依賴

npm install

 

#安裝插件

npm install --save vue vue-router vuex

 

#npm run serve 

運行報錯

 

Q:

A:

 在Vue-cli環境中，本來是正常的，安裝了vuex之後，開始報錯。

在安裝vuex過程中破壞了node_modules裏面的模塊，因此纔會不斷報錯“找不到xxx模塊”。

 

問題解決：

刪除 node_modules 文件夾，重新安裝一次。
具體步驟：

1. 打開項目目錄，找到node_modules文件夾，點擊刪除（要徹底刪乾淨）；
2. 在控制器中輸入 cnpm -- install 重新安裝 node_modules。

注：必須使用cnpm,可參考教程

https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html