開發(fā)vue項(xiàng)目必須要裝的vscode插件有哪些
小編給大家分享一下開發(fā)vue項(xiàng)目必須要裝的vscode插件有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
青川網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。
開發(fā)vue項(xiàng)目的一些vscode必備插件
Eslint
檢查代碼是否符合規(guī)范GitLens?
Git提示language-stylus?
stylus語(yǔ)法支持Path Intellisense?
相對(duì)、絕對(duì)路徑提示Prettier formatter?
代碼格式化Vetur?
Vue語(yǔ)法支持。包括語(yǔ)法高亮、語(yǔ)法代碼提示、語(yǔ)法lint檢測(cè)等Vue VSCode Snippets
Vue 語(yǔ)法片段擴(kuò)展npm Intellisense?
import、require npm模塊是自動(dòng)補(bǔ)全Auto Close Tag
自動(dòng)閉合HTML/XML標(biāo)簽Auto Rename Tag
自動(dòng)完成另一側(cè)標(biāo)簽的同步修改JavaScript(ES6) code snippets
ES6語(yǔ)法智能提示以及快速輸入，除js外還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時(shí)間HTML CSS Support
讓 html 標(biāo)簽上寫class 智能提示當(dāng)前項(xiàng)目所支持的樣式Bracket Pair Colorizer
給括號(hào)加上不同的顏色，便于區(qū)分不同的區(qū)塊，使用者可以定義不同括號(hào)類型和不同顏色
VSCode 初次寫vue項(xiàng)目并一鍵生成.vue模版
文件–>首選項(xiàng)–>用戶代碼片段–>搜索vue.json文件打開
打開之后刪除里面的代碼復(fù)制下面的代碼
{
"Print to console": {
"prefix": "vue",
"body": [
"",
"",
"$5",
" ",
"",
"",
"",
"http://@import url($3); 引入公共css類",
"$4",
""
],
"description": "Log output to console"
}
} ps:如果沒安裝less 運(yùn)行時(shí)會(huì)報(bào)錯(cuò)
vue安裝less
npm install less less-loader --save-dev
# cli3以上不需配置任何東西
# 更改配置文件build/webpack.base.conf.js
# cli3以下需要配置
rules: [
// 此處省略無(wú)數(shù)行，已有的的其他的規(guī)則
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
]此時(shí)新建.vue文件 輸入vue 按鍵盤的tab就行
以上是“開發(fā)vue項(xiàng)目必須要裝的vscode插件有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
網(wǎng)頁(yè)標(biāo)題：開發(fā)vue項(xiàng)目必須要裝的vscode插件有哪些
當(dāng)前網(wǎng)址：http://m.jiaotiyi.com/article/jedcgg.html