一、下載VSCode
進(jìn)入VSCode官網(wǎng),下載Mac版安裝包
設(shè)置中文:
vscode導(dǎo)航欄view -> Command Palette -> 輸入Configure Display Language -> 選擇簡體中文 -> 重啟
二、下載node.js
下載地址:node.js官網(wǎng),建議下載長期維護(hù)版本。
打開控制臺輸入 node -v
如果正確顯示版本號,安裝完成
三、修改npm 淘寶鏡像源
修改鏡像源:$ sudo npm install -g cnpm --registry=http://registry.npm.taobao.org
查看鏡像源:$ npm config get registry
輸入 $ npm -v
四、安裝vue腳手架構(gòu)建工具
命令行輸入$ sudo npm install -g @vue/cli
,
輸入vue --version
或vue -v
查看腳手架版本。
vue腳手架卸載$ root# which vue
$ ~ root# cd /usr/local/bin
$ bin root# rm -rf vue
$ bin root# vue -V
$:bin root# vue --version
五、創(chuàng)建vue項目
1. 建立一個目錄,在終端進(jìn)入該目錄
例如:cd /Users/name/Desktop/testH5
2. 執(zhí)行命令$ vue init webpack 項目名稱
如果提示:
Command vue init requires a global addon to be installed.
Please run npm i -g @vue/cli-init and try again.
可以執(zhí)行 $sudo npm i -g "@vue/cli-init"
然后再執(zhí)行創(chuàng)建命令
運行$npm run dev
報錯
sh: webpack-dev-server: command not found
重新安裝package.json文件,執(zhí)行$sudo cnpm install
文章來源:http://www.zghlxwxcb.cn/news/detail-598938.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-598938.html
到了這里,關(guān)于Mac中VSCode配置vue項目環(huán)境的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!