什么編輯器適合寫(xiě)Vue？能寫(xiě)vue的編輯器/ide有很多，我個(gè)人比較推薦用VSCode 來(lái)寫(xiě)vue，就連vue的作者尤雨溪也在微博上說(shuō)過(guò)自己也用的是VSCode 。我們今天講講該如何用VSCode 開(kāi)

什么編輯器適合寫(xiě)Vue？

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

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

語(yǔ)法高亮

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

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

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

自動(dòng)格式化

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

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

真的會(huì)有人用vim開(kāi)發(fā)大的項(xiàng)目嗎？

真搞不懂，一個(gè)初中生稍微學(xué)一下就能熟練使用的編輯器為什么很多人以為用它來(lái)寫(xiě)代碼就是大神？

這么說(shuō)，如果像linus這樣，對(duì)Linux的API了如指掌（畢竟自己寫(xiě)的），用Vim和用IDE是一樣的。但如果要調(diào)用別人的API，用vim就要花大量的時(shí)間去熟悉API，起碼得把函數(shù)名背下來(lái)，要不然寫(xiě)幾行就得去看頭文件。

還有，沒(méi)有語(yǔ)法預(yù)檢查，要消耗大量的時(shí)間在編譯上面，編譯報(bào)錯(cuò)，檢查，修改，再編譯，再報(bào)錯(cuò)。。。

996就是這么來(lái)的。

------補(bǔ)充-------

很多程序員混淆了自由編程和商業(yè)編程。一個(gè)學(xué)生出于愛(ài)好維護(hù)一個(gè)開(kāi)源項(xiàng)目，這是自由編程，自由編程是沒(méi)有成本的，開(kāi)發(fā)成本和試錯(cuò)成本都是零。一個(gè)公司的員工為實(shí)現(xiàn)用戶需求開(kāi)發(fā)一個(gè)項(xiàng)目，這是商業(yè)編程，商業(yè)編程有開(kāi)發(fā)成本和試錯(cuò)成本，試錯(cuò)成本比開(kāi)發(fā)成本更高，甚至是無(wú)法承受之重。舉個(gè)例子，一個(gè)嵌入式程序員，開(kāi)發(fā)了一款產(chǎn)品，銷售了一百萬(wàn)件，用戶在使用中發(fā)現(xiàn)了BUG，那就得一件件召回升級(jí)，這個(gè)成本是一個(gè)程序員無(wú)法承受的。很多程序員覺(jué)得那是測(cè)試部門(mén)的事，但測(cè)試部門(mén)測(cè)的是業(yè)務(wù)邏輯，程序邏輯人家連代碼都看不懂怎么測(cè)，出BUG的往往就是程序邏輯。

所以，商業(yè)編程的本質(zhì)就是用最小的開(kāi)發(fā)成本和試錯(cuò)成本實(shí)現(xiàn)用戶需求。用IDE的目的就在于此。

如何創(chuàng)建一個(gè)網(wǎng)站？

自己在網(wǎng)游中，圖的是覓友，尋找自已的快樂(lè)，這目的已達(dá)到了。不想，也沒(méi)能力開(kāi)自己.的網(wǎng)站，謝友的關(guān)懷。

大學(xué)做項(xiàng)目，負(fù)責(zé)人禁止我用Vue，React，讓我用基礎(chǔ)HTML，CSS，JS開(kāi)發(fā)前端怎么辦？

基礎(chǔ)不牢，地動(dòng)山搖。好好先熟練Javascript這個(gè)基礎(chǔ)吧。就像什么語(yǔ)言都覺(jué)得自己牛，可歸根還是回到c、匯編、最后到機(jī)器語(yǔ)言。