溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

發(fā)布時(shí)間:2020-10-21 15:47:16 來源:腳本之家 閱讀:328 作者:騎魚嘚貓 欄目:開發(fā)技術(shù)

1.首先安裝Node.js

官網(wǎng):https://nodejs.org/zh-cn/

1)根據(jù)自己電腦型號(hào)下載好

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

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

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

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

2.使用淘寶NPM鏡像

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

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

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

3.項(xiàng)目初始化

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

cnpm install vue-cli -g //全局安裝 vue-cli

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

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

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

1.進(jìn)入settings

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

2.設(shè)置JavaScrip

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

3.選擇Plugins

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

4.安裝Vue.js

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

5.安裝完畢后點(diǎn)擊重啟

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

6.確認(rèn)確保Vue.js是被勾選了

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

7.重啟

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

8.配置結(jié)束就可以看到有Vue.js了

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

等待加載完畢

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

點(diǎn)擊next

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

點(diǎn)擊OK

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

在新界面中點(diǎn)擊Terminal

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

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

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

安裝結(jié)束后(可能會(huì)卡住,關(guān)閉重啟就可以)然后再繼續(xù)輸入cnpm start 或者 cnpm run dev 然后彈出網(wǎng)址在瀏覽器中輸入即可

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

進(jìn)度完成

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

瀏覽器輸入網(wǎng)址,安裝成功

pycharm新建Vue項(xiàng)目的方法步驟(圖文)

到此這篇關(guān)于pycharm新建Vue項(xiàng)目的方法步驟的文章就介紹到這了,更多相關(guān)pycharm新建Vue項(xiàng)目內(nèi)容請(qǐng)搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI