最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

使用vue-cli3+typescript的項(xiàng)目模板創(chuàng)建工程的教程

 更新時(shí)間:2020年02月28日 09:39:40   作者:小懷Vivian  
這篇文章主要介紹了使用vue-cli3+typescript的項(xiàng)目模板創(chuàng)建工程,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

版本問(wèn)題

全局安裝過(guò)舊版本的 vue-cli(1.x 或 2.x)要先卸載它 (vue -V 查看自己的腳手架版本)

npm uninstall vue-cli -g //或者 yarn global remove vue-cli

注:Vue CLI 3需要 nodeJs ≥ 8.9

安裝

cnpm install -g @vue/cli

創(chuàng)建項(xiàng)目(以下只說(shuō)明用vue ui圖形化界面導(dǎo)入配置好的demo)

vue ui 打開(kāi)腳手架的圖形化界面,進(jìn)到到demo目錄,導(dǎo)入(提示沒(méi)有依賴,選擇仍然導(dǎo)入即可)

安裝依賴

運(yùn)行項(xiàng)目

也可以在對(duì)應(yīng)的文件夾下的cmd 輸入 npm run serve

項(xiàng)目部分說(shuō)明

文件目錄說(shuō)明

rem適配問(wèn)題,關(guān)系:1rem=100px,屏幕<1000px,不再縮小處理

vscode ts的配置(文件->首選項(xiàng)->設(shè)置)

{
 "window.zoomLevel": 0,
 "workbench.colorTheme": "One Monokai",
 "editor.fontSize": 18,
 "search.followSymlinks": false,
 "emmet.includeLanguages": {
 "wxml": "html"
 },
 "vetur.validation.template": false,
 "minapp-vscode.disableAutoConfig": true,
 "prettier.tabWidth": 4,
 "vetur.format.defaultFormatter.html": "prettier",
 "editor.codeActionsOnSave": {
 "source.fixAll.tslint": true
 },
 // 每次保存的時(shí)候使用tslint格式化
 "tslint.autoFixOnSave": true,
 // vscode默認(rèn)啟用了根據(jù)文件類型自動(dòng)設(shè)置tabsize的選項(xiàng)
 "editor.detectIndentation": false,
 // 重新設(shè)定tabsize
 "editor.tabSize": 2,
 // #每次保存的時(shí)候自動(dòng)格式化
 "editor.formatOnSave": true,
 "prettier.tslintIntegration": true,
 // #去掉代碼結(jié)尾的分號(hào)
 "prettier.semi": false,
 // #使用帶引號(hào)替代雙引號(hào)
 "prettier.singleQuote": true,
 // #讓函數(shù)(名)和后面的括號(hào)之間加個(gè)空格
 "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
 // #這個(gè)按用戶自身習(xí)慣選擇
 // #讓vue中的js按編輯器自帶的ts格式進(jìn)行格式化
 "vetur.format.defaultFormatter.ts": "vscode-typescript",
 "vetur.format.defaultFormatter.js": "vscode-typescript",
 "vetur.format.defaultFormatterOptions": {
 "js-beautify-html": {
  "wrap_attributes": "force-aligned"
  // #vue組件中html代碼格式化樣式
 }
 },
 // 存在tslint配置文件時(shí)才啟用
 "tslint.validateWithDefaultConfig": true,
 "javascript.implicitProjectConfig.experimentalDecorators": true,
 "breadcrumbs.enabled": true,
 "[typescript]": {
 "editor.defaultFormatter": "vscode.typescript-language-features"
 },
 "[json]": {
 "editor.defaultFormatter": "esbenp.prettier-vscode"
 },
}

總結(jié)

到此這篇關(guān)于使用vue-cli3+typescript的項(xiàng)目模板創(chuàng)建工程的文章就介紹到這了,更多相關(guān)vue-cli3+typescript 創(chuàng)建工程內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解

    關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解

    這篇文章主要介紹了關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 如何通過(guò)Vue實(shí)現(xiàn)@人的功能

    如何通過(guò)Vue實(shí)現(xiàn)@人的功能

    這篇文章主要介紹了如何通過(guò)vue實(shí)現(xiàn)微博中常見(jiàn)的@人的功能,同時(shí)增加鼠標(biāo)點(diǎn)擊事件和一些頁(yè)面小優(yōu)化。感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2021-12-12
  • mpvue跳轉(zhuǎn)頁(yè)面及注意事項(xiàng)

    mpvue跳轉(zhuǎn)頁(yè)面及注意事項(xiàng)

    這篇文章主要介紹了mpvue跳轉(zhuǎn)頁(yè)面及注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下
    2018-08-08
  • VUE解決微信簽名及SPA微信invalid signature問(wèn)題(完美處理)

    VUE解決微信簽名及SPA微信invalid signature問(wèn)題(完美處理)

    這篇文章主要介紹了VUE解決微信簽名及SPA微信invalid signature問(wèn)題(完美處理),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-03-03
  • 一篇文章帶你吃透Vue生命周期(結(jié)合案例通俗易懂)

    一篇文章帶你吃透Vue生命周期(結(jié)合案例通俗易懂)

    這篇文章主要給大家介紹了關(guān)于如何通過(guò)一篇文章帶你吃透Vue生命周期,文章通過(guò)結(jié)合案例更加的通俗易懂,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2022-02-02
  • vue實(shí)現(xiàn)下載文件流完整前后端代碼

    vue實(shí)現(xiàn)下載文件流完整前后端代碼

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)下載文件流完整前后端代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • vue?頁(yè)面刷新、重置、更新頁(yè)面所有數(shù)據(jù)的示例代碼

    vue?頁(yè)面刷新、重置、更新頁(yè)面所有數(shù)據(jù)的示例代碼

    Vue.js提供了多種方式來(lái)實(shí)現(xiàn)頁(yè)面刷新、重置和更新頁(yè)面所有數(shù)據(jù)的功能,下面通過(guò)示例代碼演示vue?頁(yè)面刷新、重置、更新頁(yè)面所有數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧
    2024-01-01
  • vue結(jié)合v-for和input實(shí)現(xiàn)多選列表checkbox功能

    vue結(jié)合v-for和input實(shí)現(xiàn)多選列表checkbox功能

    在Vue中,可通過(guò)v-for指令和v-model實(shí)現(xiàn)多選列表功能,首先,使用v-for指令遍歷數(shù)組生成列表項(xiàng),每個(gè)列表項(xiàng)包含一個(gè)復(fù)選框,復(fù)選框的v-model綁定到一個(gè)數(shù)組變量,用于存儲(chǔ)選中的值,感興趣的朋友跟隨小編一起看看吧
    2024-09-09
  • 使用vue-router為每個(gè)路由配置各自的title

    使用vue-router為每個(gè)路由配置各自的title

    這篇文章主要介紹了如何使用vue-router為每個(gè)路由配置各自的title,及使用vue router的方法,需要的朋友可以參考下
    2018-07-07
  • Vue自定義v-has指令實(shí)現(xiàn)按鈕權(quán)限判斷

    Vue自定義v-has指令實(shí)現(xiàn)按鈕權(quán)限判斷

    這篇文章主要給大家介紹了關(guān)于Vue自定義v-has指令實(shí)現(xiàn)按鈕權(quán)限判斷的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04

最新評(píng)論

长汀县| 永胜县| 文登市| 黄大仙区| 平远县| 开封市| 南郑县| 澎湖县| 文登市| 彩票| 老河口市| 城市| 岱山县| 寻甸| 启东市| 龙山县| 东方市| 社会| 元江| 台南县| 灵台县| 墨江| 渭源县| 普洱| 民乐县| 茶陵县| 永修县| 崇明县| 探索| 阳东县| 都昌县| 安国市| 呼伦贝尔市| 土默特右旗| 桐乡市| 交城县| 毕节市| 吉水县| 榆社县| 宜宾县| 土默特左旗|