什么編輯器適合寫(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)論或者私信。

python編寫(xiě)器哪個(gè)好用？

本人從事IT行業(yè)，對(duì)Python非常的熟悉，編寫(xiě)器也用過(guò)很多，下面介紹三個(gè)

PyCharm

這個(gè)是很強(qiáng)大的編寫(xiě)器，尤其是對(duì)初學(xué)者，提示功能齊全，對(duì)于初學(xué)者，記不全的屬性方法都可以很快提示出來(lái)，很高效而且節(jié)省時(shí)間！并且不需要下載其他多余的插件。還可以自己調(diào)整字體大小背景顏色！寫(xiě)代碼也可以變得有樂(lè)趣

sublime

這個(gè)也很不錯(cuò)，體積??！功能也齊全，但是需要下載相應(yīng)的插件，不然提示效果不好。給寫(xiě)代碼帶來(lái)困難！它不僅用于Python還可以用做前端開(kāi)發(fā)的編寫(xiě)器，運(yùn)用廣泛

jupyter

這個(gè)很不錯(cuò)，它最好的設(shè)計(jì)就是可以代碼和筆記同時(shí)進(jìn)行，而且不沖突。復(fù)習(xí)起來(lái)一目了然，編寫(xiě)的代碼還可以選擇所運(yùn)行的部分，這個(gè)是上面兩種軟件所不具備的。頁(yè)面簡(jiǎn)單，清爽。缺點(diǎn)就是提示功能不強(qiáng)大，很多部分需要開(kāi)發(fā)者自己寫(xiě)出來(lái)

vue搭配什么做前端開(kāi)發(fā)比較好？

Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層，不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫(kù)結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用提供驅(qū)動(dòng)。

1、如果你是在做pc端的應(yīng)用，最好的選擇是ElementUI。

npm i element-ui -S

最簡(jiǎn)單的UI寫(xiě)法：http://element-cn.eleme.io/#/zh-CN/component/installation

2、APP mobile應(yīng)用的話，最好選擇AUI或ionIc

文檔：http://www.auicss.com/doc/v/2/doc_id/1

AUI 2.0是一套全新的AUI框架，在1.X基礎(chǔ)上進(jìn)行了重新架構(gòu)。在2.0中，全局使用rem控制尺寸，完美適應(yīng)不同分辨率移動(dòng)設(shè)備；新加入的主題樣式表方便開(kāi)發(fā)者自定義基礎(chǔ)顏色樣式，完成APP主題的定制。完美兼容IOS 5.1 到Android 4.2 。因此我認(rèn)為他是一款不錯(cuò)的UI插件。