pycharm中安裝vue


1.首先安裝Node.js

官網:https://nodejs.org/zh-cn/

1)根據自己電腦型號下載好

2)點擊安裝,傻瓜式一步一步最后完成安裝

3)以管理員身份打開CMD,檢查是否正常,如果顯示了如下則安裝正常

1575437602196

2.使用淘寶NPM鏡像

大家都知道國內直接使用npm 的官方鏡像是非常慢的,這里推薦使用淘寶 NPM 鏡像。

npm install -g cnpm --registry=https://registry.npm.taobao.org

這樣就可以使用cnpm命令來安裝模塊了

3.項目初始化

1.第一步:安裝vue-cli,在命令提示符中輸入

cnpm install -g @vue/cli

2.打開pycharm,具體安裝步驟如下圖所示

img

img

回到頂部

(如果沒有Vue.js)解決方法

1.進入settings

img

2.設置JavaScrip

img

3.選擇Plugins

img

4.安裝Vue.js

img

5.安裝完畢后點擊重啟

img

6.確認確保Vue.js是被勾選了

img

7.重啟

img

8.配置結束就可以看到有Vue.js了

img

等待加載完畢

img

點擊next

img

img

img

img

img

img

img

img

img

img

點擊OK

img

在新界面中點擊Terminal

img

在其中輸入cnpm install 回車等待安裝

img

安裝結束后(可能會卡住,關閉重啟就可以)然后再繼續輸入cnpm start 或者 cnpm run dev 然后彈出網址在瀏覽器中輸入即可

img

進度完成

img

瀏覽器輸入網址,安裝成功

img

在pycharm命令行輸入vue ui 創建項目,會彈出一個瀏覽器彈框


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM