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

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

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

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

版本問(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)有依賴(lài),選擇仍然導(dǎo)入即可)

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

安裝依賴(lài)

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

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

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

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

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

文件目錄說(shuō)明

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

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

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

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ù)文件類(lèi)型自動(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è)按用戶(hù)自身習(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)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 能耗监测系统-节能监测系统-能源管理系统-三水智能化 | 挤出机_橡胶挤出机_塑料挤出机_胶片冷却机-河北伟源橡塑设备有限公司 | 土壤有机碳消解器-石油|表层油类分析采水器-青岛溯源环保设备有限公司 | 5L旋转蒸发器-20L-50L旋转蒸发器-上海越众仪器设备有限公司 | 新车测评网_网罗汽车评测资讯_汽车评测门户报道 | 颚式破碎机,圆锥破碎机,制砂机-新乡市德诚机电制造有限公司 | 真丝围巾|真丝丝巾|羊绒围巾|围巾品牌|浙江越缇围巾厂家定制 | 招商帮-一站式网络营销服务|互联网整合营销|网络推广代运营|信息流推广|招商帮企业招商好帮手|搜索营销推广|短视视频营销推广 | 北京中创汇安科贸有限公司 | 外贮压-柜式-悬挂式-七氟丙烷-灭火器-灭火系统-药剂-价格-厂家-IG541-混合气体-贮压-非贮压-超细干粉-自动-灭火装置-气体灭火设备-探火管灭火厂家-东莞汇建消防科技有限公司 | 吊篮式|移动式冷热冲击试验箱-二槽冷热冲击试验箱-广东科宝 | 东亚液氮罐-液氮生物容器-乐山市东亚机电工贸有限公司 | 鲁尔圆锥接头多功能测试仪-留置针测试仪-上海威夏环保科技有限公司 | 西点培训学校_法式西点培训班_西点师培训_西点蛋糕培训-广州烘趣西点烘焙培训学院 | 礼仪庆典公司,礼仪策划公司,庆典公司,演出公司,演艺公司,年会酒会,生日寿宴,动工仪式,开工仪式,奠基典礼,商务会议,竣工落成,乔迁揭牌,签约启动-东莞市开门红文化传媒有限公司 | 丹尼克尔拧紧枪_自动送钉机_智能电批_柔性振动盘_螺丝供料器品牌 | 蜜蜂职场文库_职场求职面试实用的范文资料大全 | 丹佛斯变频器-Danfoss战略代理经销商-上海津信变频器有限公司 | 刺绳_刀片刺网_刺丝滚笼_不锈钢刺绳生产厂家_安平县浩荣金属丝网制品有限公司-安平县浩荣金属丝网制品有限公司 | 济南轻型钢结构/济南铁艺护栏/济南铁艺大门-济南燕翔铁艺制品有限公司 | 干粉砂浆设备-干粉砂浆生产线-干混-石膏-保温砂浆设备生产线-腻子粉设备厂家-国恒机械 | 棉服定制/厂家/公司_棉袄订做/价格/费用-北京圣达信棉服 | 阿米巴企业经营-阿米巴咨询管理-阿米巴企业培训-广东键锋企业管理咨询有限公司 | 复合土工膜厂家|hdpe防渗土工膜|复合防渗土工布|玻璃纤维|双向塑料土工格栅-安徽路建新材料有限公司 | 贵州成人高考网_贵州成考网 | 软文世界-软文推广-软文营销-新闻稿发布-一站式软文自助发稿平台 | 防火卷帘门价格-聊城一维工贸特级防火卷帘门厂家▲ | 自动售货机_无人售货机_专业的自动售货机运营商_免费投放售货机-广州富宏主官网 | 无缝钢管-聊城无缝钢管-小口径无缝钢管-大口径无缝钢管 - 聊城宽达钢管有限公司 | 样品瓶(色谱样品瓶)百科-浙江哈迈科技有限公司 | 纯水设备_苏州皙全超纯水设备水处理设备生产厂家 | 多功能真空滤油机_润滑油全自动滤油机_高效真空滤油机价格-重庆润华通驰 | 北京浩云律师事务所-企业法律顾问_破产清算等公司法律服务 | 磨煤机配件-高铬辊套-高铬衬板-立磨辊套-盐山县宏润电力设备有限公司 | 变色龙云 - 打包app_原生app_在线制作平台_短链接_ip查询 | 彩信群发_群发彩信软件_视频短信营销平台-达信通 | 仿古建筑设计-仿古建筑施工-仿古建筑公司-汉匠古建筑设计院 | 武汉宣传片制作-视频拍摄-企业宣传片公司-武汉红年影视 | 户外环保不锈钢垃圾桶_标识标牌制作_园林公园椅厂家_花箱定制-北京汇众环艺 | 货车视频监控,油管家,货车油管家-淄博世纪锐行电子科技 | 智慧消防-消防物联网系统云平台|