1. 程式人生 > 程式設計 >pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

1.首先安裝Node.js

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

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

pycharm新建Vue專案的方法步驟(圖文)

2)點選安裝,傻瓜式一步一步最後完成安裝

3)開啟CMD,檢查是否正常,如果顯示瞭如下則安裝正常

pycharm新建Vue專案的方法步驟(圖文)

2.使用淘寶NPM映象

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

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

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

3.專案初始化

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

cnpm install vue-cli -g //全域性安裝 vue-cli

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

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

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

1.進入settings

pycharm新建Vue專案的方法步驟(圖文)

2.設定JavaScrip

pycharm新建Vue專案的方法步驟(圖文)

3.選擇Plugins

pycharm新建Vue專案的方法步驟(圖文)

4.安裝Vue.js

pycharm新建Vue專案的方法步驟(圖文)

5.安裝完畢後點擊重啟

pycharm新建Vue專案的方法步驟(圖文)

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

pycharm新建Vue專案的方法步驟(圖文)

7.重啟

pycharm新建Vue專案的方法步驟(圖文)

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

pycharm新建Vue專案的方法步驟(圖文)

等待載入完畢

pycharm新建Vue專案的方法步驟(圖文)

點選next

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

pycharm新建Vue專案的方法步驟(圖文)

點選OK

pycharm新建Vue專案的方法步驟(圖文)

在新介面中點選Terminal

pycharm新建Vue專案的方法步驟(圖文)

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

pycharm新建Vue專案的方法步驟(圖文)

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

pycharm新建Vue專案的方法步驟(圖文)

進度完成

pycharm新建Vue專案的方法步驟(圖文)

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

pycharm新建Vue專案的方法步驟(圖文)

到此這篇關於pycharm新建Vue專案的方法步驟的文章就介紹到這了,更多相關pycharm新建Vue專案內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!