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

實(shí)例詳解Vue項(xiàng)目使用eslint prettier規(guī)范代碼風(fēng)格？

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

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

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

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

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

謝邀。

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

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

1.辦公

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

Nixnote作為L(zhǎng)inux版印象筆記，也可滿足我們?nèi)粘９P記的記錄。

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

2.社交

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

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

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

3.開發(fā)工具

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

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

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

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

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

什么編輯器適合寫Vue？

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

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

語(yǔ)法高亮

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

錯(cuò)誤檢測(cè)

Vetur默認(rèn)使用 eslint-plugin-vue@beta 來檢測(cè) <template>，錯(cuò)誤檢測(cè)能夠幫助我們?cè)陂_發(fā)過程發(fā)現(xiàn)xie

自動(dòng)格式化

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

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