电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

使用vue-cli3+typescript的項目模板創建工程的教程

瀏覽:76日期:2023-02-05 09:34:52

版本問題

全局安裝過舊版本的 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

創建項目(以下只說明用vue ui圖形化界面導入配置好的demo)

vue ui 打開腳手架的圖形化界面,進到到demo目錄,導入(提示沒有依賴,選擇仍然導入即可)

使用vue-cli3+typescript的項目模板創建工程的教程

安裝依賴

使用vue-cli3+typescript的項目模板創建工程的教程

運行項目

使用vue-cli3+typescript的項目模板創建工程的教程

也可以在對應的文件夾下的cmd 輸入 npm run serve

項目部分說明

文件目錄說明

使用vue-cli3+typescript的項目模板創建工程的教程

rem適配問題,關系:1rem=100px,屏幕<1000px,不再縮小處理

使用vue-cli3+typescript的項目模板創建工程的教程

vscode ts的配置(文件->首選項->設置)

{ '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 }, // 每次保存的時候使用tslint格式化 'tslint.autoFixOnSave': true, // vscode默認啟用了根據文件類型自動設置tabsize的選項 'editor.detectIndentation': false, // 重新設定tabsize 'editor.tabSize': 2, // #每次保存的時候自動格式化 'editor.formatOnSave': true, 'prettier.tslintIntegration': true, // #去掉代碼結尾的分號 'prettier.semi': false, // #使用帶引號替代雙引號 'prettier.singleQuote': true, // #讓函數(名)和后面的括號之間加個空格 'javascript.format.insertSpaceBeforeFunctionParenthesis': false, // #這個按用戶自身習慣選擇 // #讓vue中的js按編輯器自帶的ts格式進行格式化 '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配置文件時才啟用 'tslint.validateWithDefaultConfig': true, 'javascript.implicitProjectConfig.experimentalDecorators': true, 'breadcrumbs.enabled': true, '[typescript]': { 'editor.defaultFormatter': 'vscode.typescript-language-features' }, '[json]': { 'editor.defaultFormatter': 'esbenp.prettier-vscode' },}

總結

到此這篇關于使用vue-cli3+typescript的項目模板創建工程的文章就介紹到這了,更多相關vue-cli3+typescript 創建工程內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Vue
相關文章:
主站蜘蛛池模板: 济南轻型钢结构/济南铁艺护栏/济南铁艺大门-济南燕翔铁艺制品有限公司 | 无缝钢管-聊城无缝钢管-小口径无缝钢管-大口径无缝钢管 - 聊城宽达钢管有限公司 | 多物理场仿真软件_电磁仿真软件_EDA多物理场仿真软件 - 裕兴木兰 | 世界箱包品牌十大排名,女包小众轻奢品牌推荐200元左右,男包十大奢侈品牌排行榜双肩,学生拉杆箱什么品牌好质量好 - Gouwu3.com | 抓斗式清污机|螺杆式|卷扬式启闭机|底轴驱动钢坝|污水处理闸门-方源水利机械 | 密集架-密集柜厂家-智能档案密集架-自动选层柜订做-河北风顺金属制品有限公司 | 天津拓展_天津团建_天津趣味运动会_天津活动策划公司-天津华天拓展培训中心 | 武汉创亿电气设备有限公司_电力检测设备生产厂家 | 楼承板设备-楼承板成型机-免浇筑楼承板机器厂家-捡来 | 成都治疗尖锐湿疣比较好的医院-成都治疗尖锐湿疣那家医院好-成都西南皮肤病医院 | 济南货架定做_仓储货架生产厂_重型货架厂_仓库货架批发_济南启力仓储设备有限公司 | 整合营销推广|营销网络推广公司|石家庄网站优化推广公司|智营销 好物生环保网、环保论坛 - 环保人的学习交流平台 | 隧道窑炉,隧道窑炉厂家-山东艾瑶国际贸易| 纸箱抗压机,拉力机,脂肪测定仪,定氮仪-山东德瑞克仪器有限公司 | 全自动包衣机-无菌分装隔离器-浙江迦南科技股份有限公司 | 不锈钢拉手厂家|浴室门拉手厂家|江门市蓬江区金志翔五金制品有限公司 | 砂磨机_立式纳米砂磨机_实验室砂磨机-广州儒佳化工设备厂家 | 数显恒温油浴-电砂浴-高温油浴振荡器-常州迈科诺仪器有限公司 | 谈股票-今日股票行情走势分析-牛股推荐排行榜 | 东莞动力锂电池保护板_BMS智能软件保护板_锂电池主动均衡保护板-东莞市倡芯电子科技有限公司 | 细沙回收机-尾矿干排脱水筛设备-泥石分离机-建筑垃圾分拣机厂家-青州冠诚重工机械有限公司 | 汽车整车综合环境舱_军标砂尘_盐雾试验室试验箱-无锡苏南试验设备有限公司 | 我爱古诗词_古诗词名句赏析学习平台| 潜水搅拌机-双曲面搅拌机-潜水推进器|奥伯尔环保 | 北京百度网站优化|北京网站建设公司-百谷网络科技 | 泥沙分离_泥沙分离设备_泥砂分离机_洛阳隆中重工机械有限公司 | 山东彩钢板房,山东彩钢活动房,临沂彩钢房-临沂市贵通钢结构工程有限公司 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库-首页-东莞市傲马网络科技有限公司 | 骨龄仪_骨龄检测仪_儿童骨龄测试仪_品牌生产厂家【品源医疗】 | 不发火防静电金属骨料_无机磨石_水泥自流平_修补砂浆厂家「圣威特」 | 电脑刺绣_绣花厂家_绣花章仔_织唛厂家-[源欣刺绣]潮牌刺绣打版定制绣花加工厂家 | 智能风向风速仪,风速告警仪,数字温湿仪,综合气象仪(气象五要素)-上海风云气象仪器有限公司 | 屏蔽服(500kv-超高压-特高压-电磁)-徐吉电气 | 超声波成孔成槽质量检测仪-压浆机-桥梁预应力智能张拉设备-上海硕冠检测设备有限公司 | bkzzy在职研究生网 - 在职研究生招生信息咨询平台 | 欧美日韩国产一区二区三区不_久久久久国产精品无码不卡_亚洲欧洲美洲无码精品AV_精品一区美女视频_日韩黄色性爱一级视频_日本五十路人妻斩_国产99视频免费精品是看4_亚洲中文字幕无码一二三四区_国产小萍萍挤奶喷奶水_亚洲另类精品无码在线一区 | 杭州代理记账多少钱-注册公司代办-公司注销流程及费用-杭州福道财务管理咨询有限公司 | 控显科技 - 工控一体机、工业显示器、工业平板电脑源头厂家 | 硅胶管挤出机厂家_硅胶挤出机生产线_硅胶条挤出机_臣泽智能装备 贵州科比特-防雷公司厂家提供贵州防雷工程,防雷检测,防雷接地,防雷设备价格,防雷产品报价服务-贵州防雷检测公司 | 合肥制氮机_合肥空压机厂家_安徽真空泵-凯圣精机| 中空玻璃生产线,玻璃加工设备,全自动封胶线,铝条折弯机,双组份打胶机,丁基胶/卧式/立式全自动涂布机,玻璃设备-山东昌盛数控设备有限公司 |