vue環(huán)境安裝(ubuntu)

1、下載vscode https://vscode.cdn.azure.cn/stable/940b5f4bb5fa47866a54529ed759d95d09ee80be/code_1.52.0-1607640828_amd64.deb
2、安裝插件
Vetur —— 語法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化選中代碼,兩個Ctrl需要同時按著)
EsLint —— 語法糾錯
Auto Close Tag —— 自動閉合HTML/XML標簽
Auto Rename Tag —— 自動完成另一側(cè)標簽的同步修改
JavaScript(ES6) code snippets —— ES6語法智能提示以及快速輸入,除js外還支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各種包含js代碼文件的時間
Path Intellisense —— 自動路徑補全
HTML CSS Support —— 讓 html 標簽上寫class 智能提示當前項目所支持的樣式
Beautify——格式化代碼,值得注意的是,beautify插件支持自定義格式化代碼規(guī)則
Bracket Pair Colorizer——給括號加上不同的顏色,便于區(qū)分不同的區(qū)塊,使用者可以定義不同括號類型和不同顏色
open in browser——直接右鍵項目單擊啟動
3、中文
使用快捷鍵組合【Ctrl+Shift+p】,在搜索框中輸入“configure display language”,點擊確定后;
修改locale.json文件下的屬性“l(fā)ocale”為“zh-CN”;
4、安裝nodejs

curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -
npm -v
7.0.15

下列軟件包有未滿足的依賴關系:
curl : 依賴: libcurl4 (= 7.58.0-2ubuntu3.12) 但是 7.68.0-1ubuntu2.2 正要被安裝
E: 無法修正錯誤,因為您要求某些軟件包保持現(xiàn)狀,就是它們破壞了軟件包間的依賴關系。

sudo apt-get purge  libcurl4

Command 'curl' not found, but can be installed with:

sudo apt install curl

5、cnpm安裝
npm install -g cnpm --registry=http://registry.npm.taobao.org
npm config set registry http://registry.npm.taobao.org 設置國內(nèi)資源鏡像
6、vue-cli安裝
npm install -g @vue/cli

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容