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