實例詳解Vue項目使用eslint prettier規(guī)范代碼風格？1. 安裝 Vetur 插件 2. 在 VS Code 的設置中添加如下規(guī)則： { "vetur.format.defaultForm

實例詳解Vue項目使用eslint prettier規(guī)范代碼風格？

1. 安裝 Vetur 插件 2. 在 VS Code 的設置中添加如下規(guī)則： { "vetur.format.defaultFormatter": { "html": "prettier"， "css": "prettier"， "postcss": "prettier"， "scss": "prettier"， "less": "prettier"， "js": "prettier"， "ts": "prettier"， "stylus": "stylus-supremacy" } } 這里是設置 Vetur 默認使用的格式化插件 prettier。 這樣對于.vue文件中的 html 和 javascript 代碼都有格式化支持了。 vue eslint 代碼自動格式化 vue-cli 代碼風格為JavaScript Standard Style 代碼檢查規(guī)范嚴格，一不小心就無法運行，使用eslint的autoFixOnSave可以在保存代碼的時候自動格式化代碼 VSCode拓展插件推薦（HTML、Node、Vue、React開發(fā)均適用）

sublime和vscode哪個制作網(wǎng)頁前端簡單些？

vscode相對來說要更易用和友好一點，插件更豐富，代碼提示和補全功能更強大。和相關的前端打包部署工具、代碼管理工具親和性更強，生態(tài)良好。

最重要的一點，vscode目前已逐漸成為編程主流編輯器，用戶眾多，遇到問題時不用擔心找不到答案。

用Ubuntu做日常開發(fā)電腦的系統(tǒng)是一種怎樣的體驗？

謝邀。

作為Linux運維工程師，已經(jīng)使用Ubuntu有幾年的時間了，從16.04到穩(wěn)定使用18.04，期間除因Nvidia獨立顯卡驅(qū)動問題導致系統(tǒng)無法啟動，其他均一切正常。

Ubuntu桌面版基本能夠滿足日常的辦公、社交、開發(fā)等需求。

1.辦公

可以安裝LibraOffice、OpenOffice、Sublime text等常用辦公軟件。

Nixnote作為Linux版印象筆記，也可滿足我們?nèi)粘９P記的記錄。

chrome、firefox等瀏覽器也可使用。

2.社交

鵝廠的QQ、微信客戶端等常用社交工具已足夠我們?nèi)粘９ぷ?、生活交流?/p>

不過QQ的功能不如windows版本豐富，屬閹割版。

微信客戶端功能也不如windows版，基本交流足夠。

3.開發(fā)工具

VS Code、IDEA等開發(fā)工具也都有相應的Linux版本。

如果你不嫌麻煩，還可以將vim打造成IDE環(huán)境。

最讓我喜歡的是，在Linux環(huán)境下安裝各種軟件信手拈來，而且沒有廣告插件等。容器、k8s、jenkins、python等常用軟件安裝、運行十分方便。

另，GitHub上各位大神各顯神通，各種開源工具都可以方便安裝，還等什么，趕快嘗試下吧。

下面是我的日常使用桌面：

什么編輯器適合寫Vue？

能寫vue的編輯器/ide有很多，我個人比較推薦用VSCode 來寫vue，就連vue的作者尤雨溪也在微博上說過自己也用的是VSCode 。

我們今天講講該如何用VSCode 開發(fā)vue。跟大多數(shù) IDE 一樣，VSCode 也有擴展和主題市場，包含海量插件。使用VSCode 開發(fā)vue一定要安裝幾個強大的插件，提高工作效率。比如VSCode下面的Vetur就是這樣一款必備的Vue開發(fā)工具。下面就開始介紹一下它的一些功能吧。

語法高亮

Vetur支持.vue文件的語法高亮顯示，除了支持template模板以外，還支持大多數(shù)主流的前端開發(fā)腳本和插件，比如Sass和TypeScript，完整的支持高亮的語法如下所示：。語法高亮是所有ide必備的功能之一，沒有語法高亮寫起代碼實在是不舒服。

錯誤檢測

Vetur默認使用 eslint-plugin-vue@beta 來檢測 <template>，錯誤檢測能夠幫助我們在開發(fā)過程發(fā)現(xiàn)xie

自動格式化

Vetur推薦使用2個空格來規(guī)定 editor.tabSize 和 editor.insertSpace，對于html和css/scss/less格式使用js-beautify來規(guī)范，js/ts的格式使用 TypeScript"s language service，同時這些配置是可以改變的。有了自動格式化功能，寫代碼時可以減少注意格式花的時間，把時間精力放在代碼本身，大大提升寫代碼效率。

感謝閱讀，如果有問題需要繼續(xù)交流，歡迎評論或者私信。