VSCode 配置uni-app的方法
CＬＩ工程全局安裝vue-cli
npm install -g @vue/cli
通過cli創(chuàng)建uni-app項(xiàng)目
vue create -p dcloudio/uni-preset-vue uni-app
選擇項(xiàng)目模板，可自由選擇如下圖：👇
使用vscode打開創(chuàng)建的項(xiàng)目
安裝vue語法提示插件👇
cli工程自帶uni-app&5+app語法提示
安裝組件語法提示
npm i @dcloudio/uni-helper-json
從 git 下載 uni-app 代碼塊，放到項(xiàng)目目錄下的 .vscode 目錄即可擁有和 HBuilderX 一樣的代碼塊。
使用scss樣式
#先安裝node-sass npm install node-sass #然后安裝sass-loader，這里安裝7.3.1版本，版本可選擇性更新，因?yàn)楦甙姹究赡軙?huì)報(bào)錯(cuò) #使用 cnpm 會(huì)快一些 cnpm install sass-loader@7.3.1
運(yùn)行項(xiàng)目
npm run dev:%PLATFORM%
發(fā)布項(xiàng)目
npm run build:%PLATFORM%
%PLATFORM% 可選值參見package.json中的scripts
HBuilderX 工程
- HBuilderX 創(chuàng)建的工程默認(rèn)不帶 types 語法提示，在 vscode 中編輯的時(shí)候，可以自行安裝
- 初始化npm
npm i @types/uni-app @types/html5plus -D
安裝uni-app語法提示
npm i @types/uni-app @types/html5plus -D
uni-app項(xiàng)目中manifest.json、pages.json 等文件可以包含注釋。vscode 里需要改用 jsonc 編輯器打開
總結(jié)
到此這篇關(guān)于VSCode 配 uni-app的文章就介紹到這了,更多相關(guān)VSCode 配 uni-app內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Bootstrap基本組件學(xué)習(xí)筆記之導(dǎo)航(10)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之導(dǎo)航,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript ES5標(biāo)準(zhǔn)中新增的Array方法
這篇文章主要介紹了JavaScript ES5標(biāo)準(zhǔn)中新增的Array方法 的相關(guān)資料,需要的朋友可以參考下2016-06-06
javascript淺層克隆、深度克隆對比及實(shí)例解析
這篇文章主要介紹了javascript淺層克隆、深度克隆對比及實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了jQuery與js實(shí)現(xiàn)顏色漸變的方法,涉及javascript與jQuery的正則操作與數(shù)學(xué)運(yùn)算相關(guān)技巧,需要的朋友可以參考下2016-12-12
JavaScript ES6常用基礎(chǔ)知識(shí)總結(jié)
ES6中為我們提供了很多好用的新特性,其中包括let,箭頭函數(shù)以及擴(kuò)展運(yùn)算符…等，以下就是總結(jié)的常用基礎(chǔ)知識(shí)2019-02-02
這篇文章主要介紹了小程序5種路由方法使用場景，封裝路由文件和路由方法，提升小程序體驗(yàn)和開發(fā)效率，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了如何使用gpu.js改善JavaScript的性能，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
腳本收藏iframe...2006-07-07
JS?TypeScript的Map對象及聯(lián)合類型實(shí)戰(zhàn)
這篇文章主要介紹了JS?TypeScript的Map對象及聯(lián)合類型實(shí)戰(zhàn)，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
兩個(gè)select多選模式的選項(xiàng)相互移動(dòng)(示例代碼)
本篇文章主要是對兩個(gè)select多選模式的選項(xiàng)相互移動(dòng)示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01