CN109542460A - 一种基于教育操作系统的vue中接入typescript的方法及电子设备 - Google Patents

一种基于教育操作系统的vue中接入typescript的方法及电子设备 Download PDF

Info

Publication number
CN109542460A
CN109542460A CN201811196152.8A CN201811196152A CN109542460A CN 109542460 A CN109542460 A CN 109542460A CN 201811196152 A CN201811196152 A CN 201811196152A CN 109542460 A CN109542460 A CN 109542460A
Authority
CN
China
Prior art keywords
vue
typescript
electronic equipment
operating system
format
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201811196152.8A
Other languages
English (en)
Inventor
李天驰
孙悦
李涛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Dianmao Technology Co Ltd
Original Assignee
Shenzhen Dianmao Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Dianmao Technology Co Ltd filed Critical Shenzhen Dianmao Technology Co Ltd
Priority to CN201811196152.8A priority Critical patent/CN109542460A/zh
Publication of CN109542460A publication Critical patent/CN109542460A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/61—Installation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明公开了一种基于教育操作系统的vue中接入typescript的方法及电子设备，其中，包括步骤：A.安装vue的相关依赖；B.在vue中配置webpack相关信息；C.编写vue中typescript的配置文件；本发明所述方案，能够实现vue中接入typescript，使浏览器能够识别typescript，减少维护成本。

Description

一种基于教育操作系统的vue中接入typescript的方法及电 子设备
技术领域
本发明涉及应用程序领域，尤其涉及一种基于教育操作系统的vue中接入typescript的方法及电子设备。
背景技术
vue的官方脚手架并没有提供typescript的接入方案，浏览器不能直接识别typescript，而javascript为弱类型语言，在编译执行前无法检测到错误。javascript无法使用枚举、接口类，只能自己实现，在使用过程中会遭遇不必要的维护成本。
因此，现有技术还有待于改进和发展。
发明内容
鉴于上述现有技术的不足，本发明的目的在于提供一种基于教育操作系统的vue中接入typescript的方法及电子设备，旨在解决vue中接入typescript的问题。
本发明的技术方案如下：
一种基于教育操作系统的vue中接入typescript的方法，其中，包括步骤：
A.安装vue的相关依赖；
B.在vue中配置webpack相关信息；
C.编写vue中typescript的配置文件。
所述的基于教育操作系统的vue中接入typescript的方法，其中，所述步骤A中，安装vue的相关依赖包括：
使用vue-cli生成vue项目；
安装typescript和ts-loader；
安装tslint；
安装vue-property-decorator；
安装vuex-class。
所述的基于教育操作系统的vue中接入typescript的方法，其中，所述步骤B包括：
在webpack的拓展项中增加后缀为.ts的格式；
在导入的配置项中添加.ts格式；
为typescript编写编译说明；
设置使用的javascript版本与vue所支持的版本保持一致；
开启严格模式。
所述的基于教育操作系统的vue中接入typescript的方法，其中，所述步骤C包括步骤：
将vue设置为全局对象；
将vue-cli生成的.js文件后缀名改为.ts；
修改对应的应用；
将vue中的模块改成.ts的格式进行导出；
判断当前代码是否存在错误，当是时，编译失败，抛出错误，否则显示编译过程，完成编译。
一种电子设备，其中，包括处理器，适于实现各指令，以及
存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：
安装vue的相关依赖；
在vue中配置webpack相关信息；
编写vue中typescript的配置文件。
所述的电子设备，其中，安装vue的相关依赖包括：
使用vue-cli生成vue项目；
安装typescript和ts-loader；
安装tslint；
安装vue-property-decorator；
安装vuex-class。
所述的电子设备，其中，所述处理器还用于加载并执行：
在webpack的拓展项中增加后缀为.ts的格式；
在导入的配置项中添加.ts格式；
为typescript编写编译说明；
设置使用的javascript版本与vue所支持的版本保持一致；
开启严格模式。
所述的电子设备，其中，所述处理器还用于加载并执行：
将vue设置为全局对象；
将vue-cli生成的.js文件后缀名改为.ts；
修改对应的应用；
将vue中的模块改成.ts的格式进行导出；
判断当前代码是否存在错误，当是时，编译失败，抛出错误，否则显示编译过程，完成编译
有益效果：本发明公开了一种基于教育操作系统的vue中接入typescript的方法及电子设备，其中，包括步骤：A.安装vue的相关依赖；B.在vue中配置webpack相关信息；C.编写vue中typescript的配置文件；本发明所述方案，能够实现vue中接入typescript，使浏览器能够识别typescript，减少维护成本。
附图说明
下面将结合附图及实施例对本发明作进一步说明，附图中：
图1为本发明所述基于教育操作系统的vue中接入typescript的方法的步骤流程图。
图2为本发明所述电子设备的结构示意图。
具体实施方式
本发明提供一种基于教育操作系统的vue中接入typescript的方法及电子设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
请参阅图1，图1为本发明所述基于教育操作系统的vue中接入typescript的方法的步骤流程图，本发明公开了一种基于教育操作系统的vue中接入typescript的方法，其中，包括步骤：
S1.安装vue的相关依赖；
S2.在vue中配置webpack相关信息；
S3.编写vue中typescript的配置文件。
进一步的，所述的基于教育操作系统的vue中接入typescript的方法，其中，所述步骤S1中，安装vue的相关依赖包括：
使用vue-cli生成vue项目；
安装typescript和ts-loader；
安装tslint；
安装vue-property-decorator；
安装vuex-class。
进一步的，所述的基于教育操作系统的vue中接入typescript的方法，其中，所述步骤S2包括：
在webpack的拓展项中增加后缀为.ts的格式；
在导入的配置项中添加.ts格式；
为typescript编写编译说明；
设置使用的javascript版本与vue所支持的版本保持一致；
开启严格模式。
进一步的，所述的基于教育操作系统的vue中接入typescript的方法，其中，所述步骤S3包括步骤：
将vue设置为全局对象；
将vue-cli生成的.js文件后缀名改为.ts；
修改对应的应用；
将vue中的模块改成.ts的格式进行导出；
判断当前代码是否存在错误，当是时，编译失败，抛出错误，否则显示编译过程，完成编译。
进一步的，本发明还公开了一种电子设备10，如图2所示，为所述电子设备的结构示意图，其中，包括处理器110，适于实现各指令，以及
存储设备120，适于存储多条指令，所述指令适于由处理器110加载并执行：
安装vue的相关依赖；
在vue中配置webpack相关信息；
编写vue中typescript的配置文件。
所述处理器110可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISC Machine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、任何其它这种配置。
存储设备120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的教育互动方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元，从而执行教育互动方法的各种功能应用以及数据处理，即实现上述方法实施例。
所述电子设备包括但不限于：
(1)移动通信设备：这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能电子设备(例如iPhone)、多媒体电子设备、功能性电子设备，以及低端电子设备等。
(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括：PDA、MID和UMPC设备等，例如iPad。
(3)便携式娱乐设备：这类设备可以显示和播放视频内容，一般也具备移动上网特性。该类设备包括：视频播放器，掌上游戏机，以及智能玩具和便携式车载导航设备。
(4)其他具有触摸屏幕的电子设备。
进一步的，所述的电子设备，其中，安装vue的相关依赖包括：
使用vue-cli生成vue项目；
安装typescript和ts-loader；
安装tslint；
安装vue-property-decorator；
安装vuex-class。
进一步的，所述的电子设备，其中，所述处理器110还用于加载并执行：
在webpack的拓展项中增加后缀为.ts的格式；
在导入的配置项中添加.ts格式；
为typescript编写编译说明；
设置使用的javascript版本与vue所支持的版本保持一致；
开启严格模式。
进一步的，所述的电子设备，其中，所述处理器110还用于加载并执行：
将vue设置为全局对象；
将vue-cli生成的.js文件后缀名改为.ts；
修改对应的应用；
将vue中的模块改成.ts的格式进行导出；
判断当前代码是否存在错误，当是时，编译失败，抛出错误，否则显示编译过程，完成编译。
综上所述，本发明公开了一种基于教育操作系统的vue中接入typescript的方法及电子设备，其中，包括步骤：A.安装vue的相关依赖；B.在vue中配置webpack相关信息；C.编写vue中typescript的配置文件；本发明所述方案，能够实现vue中接入typescript，使浏览器能够识别typescript，减少维护成本。
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (8)

1.一种基于教育操作系统的vue中接入typescript的方法，其特征在于，包括步骤：
A.安装vue的相关依赖；
B.在vue中配置webpack相关信息；
C.编写vue中typescript的配置文件。
2.根据权利要求1所述的基于教育操作系统的vue中接入typescript的方法，其特征在于，所述步骤A中，安装vue的相关依赖包括：
使用vue-cli生成vue项目；
安装typescript和ts-loader；
安装tslint；
安装vue-property-decorator；
安装vuex-class。
3.根据权利要求2所述的基于教育操作系统的vue中接入typescript的方法，其特征在于，所述步骤B包括：
在webpack的拓展项中增加后缀为.ts的格式；
在导入的配置项中添加.ts格式；
为typescript编写编译说明；
设置使用的javascript版本与vue所支持的版本保持一致；
开启严格模式。
4.根据权利要求3所述的基于教育操作系统的vue中接入typescript的方法，其特征在于，所述步骤C包括步骤：
将vue设置为全局对象；
将vue-cli生成的.js文件后缀名改为.ts；
修改对应的应用；
将vue中的模块改成.ts的格式进行导出；
判断当前代码是否存在错误，当是时，编译失败，抛出错误，否则显示编译过程，完成编译。
5.一种电子设备，其特征在于，包括处理器，适于实现各指令，以及
存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：
安装vue的相关依赖；
在vue中配置webpack相关信息；
编写vue中typescript的配置文件。
6.根据权利要求5所述的电子设备，其特征在于，安装vue的相关依赖包括：
使用vue-cli生成vue项目；
安装typescript和ts-loader；
安装tslint；
安装vue-property-decorator；
安装vuex-class。
7.根据权利要求6所述的电子设备，其特征在于，所述处理器还用于加载并执行：
在webpack的拓展项中增加后缀为.ts的格式；
在导入的配置项中添加.ts格式；
为typescript编写编译说明；
设置使用的javascript版本与vue所支持的版本保持一致；
开启严格模式。
8.根据权利要求7所述的电子设备，其特征在于，所述处理器还用于加载并执行：
将vue设置为全局对象；
将vue-cli生成的.js文件后缀名改为.ts；
修改对应的应用；
将vue中的模块改成.ts的格式进行导出；
判断当前代码是否存在错误，当是时，编译失败，抛出错误，否则显示编译过程，完成编译。
CN201811196152.8A 2018-10-15 2018-10-15 一种基于教育操作系统的vue中接入typescript的方法及电子设备 Pending CN109542460A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811196152.8A CN109542460A (zh) 2018-10-15 2018-10-15 一种基于教育操作系统的vue中接入typescript的方法及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811196152.8A CN109542460A (zh) 2018-10-15 2018-10-15 一种基于教育操作系统的vue中接入typescript的方法及电子设备

Publications (1)

Publication Number Publication Date
CN109542460A true CN109542460A (zh) 2019-03-29

Family

ID=65843976

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811196152.8A Pending CN109542460A (zh) 2018-10-15 2018-10-15 一种基于教育操作系统的vue中接入typescript的方法及电子设备

Country Status (1)

Country Link
CN (1) CN109542460A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111240684A (zh) * 2020-01-03 2020-06-05 北京字节跳动网络技术有限公司 一种js代码的裁剪方法、装置、介质和电子设备
CN114661374A (zh) * 2022-03-16 2022-06-24 无线生活（杭州）信息科技有限公司 加载typescript配置文件的方法及装置

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120036049A1 (en) * 2005-09-29 2012-02-09 Eric Gerzymisch System and method for software integration and factory deployment
CN107239318A (zh) * 2017-06-13 2017-10-10 腾讯科技（深圳）有限公司 应用转换方法、装置及设备

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120036049A1 (en) * 2005-09-29 2012-02-09 Eric Gerzymisch System and method for software integration and factory deployment
CN107239318A (zh) * 2017-06-13 2017-10-10 腾讯科技（深圳）有限公司 应用转换方法、装置及设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
HMXEVER: "WebPack 4 +TypeScript 3 +Vue 2.5+SCSS 简单环境搭建", 《HTTPS://BLOG.CSDN.NET/HMXEVER/ARTICLE/DETAILS/81635426》 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111240684A (zh) * 2020-01-03 2020-06-05 北京字节跳动网络技术有限公司 一种js代码的裁剪方法、装置、介质和电子设备
CN111240684B (zh) * 2020-01-03 2023-04-11 北京字节跳动网络技术有限公司 一种js代码的裁剪方法、装置、介质和电子设备
CN114661374A (zh) * 2022-03-16 2022-06-24 无线生活（杭州）信息科技有限公司 加载typescript配置文件的方法及装置

Similar Documents

Publication Publication Date Title
US20220318336A1 (en) Method and Terminal Device for Extracting Web Page Content
CN107436762B (zh) 一种寄存器代码文件生成方法、装置和电子设备
CN103984538A (zh) 应用场景的识别方法、功耗管理方法、装置及终端设备
CN108920496B (zh) 一种渲染方法及装置
US10573317B2 (en) Speech recognition method and device
CN104268472B (zh) 还原被第三方动态库修改函数地址的方法和装置
CN105144122A (zh) 外部可编程存储器管理单元
CN109542460A (zh) 一种基于教育操作系统的vue中接入typescript的方法及电子设备
CN104866416A (zh) 实现应用程序性能分析的方法和装置
CN102262684A (zh) 移动终端网页页面生成方法及装置
CN106020885A (zh) 一种应用程序的提供方法、装置及电子设备
CN110806822A (zh) 电子书的交互方法、计算设备及计算机存储介质
CN109284450A (zh) 订单成单路径的确定方法及装置、存储介质、电子设备
CN104156306B (zh) 一种应用进程检测方法、装置及终端设备
CN108491232B (zh) 在语音对话平台加载控件的方法及系统
CN111385661B (zh) 语音控制全屏播放的方法、装置、终端及存储介质
CN109582932A (zh) 基于教育系统的微信小程序富文本转换方法及电子设备
CN109542549A (zh) 一种基于教育操作系统的Angular6国际化方法及电子设备
CN109492057A (zh) 一种教育系统的用于Hive离线计算方法及电子设备
CN114296718A (zh) 一种Windows系统组件的设置方法及装置
CN109542447A (zh) 一种otx程序文件执行方法及装置
CN106469259B (zh) 确定应用程序是否为正版应用程序的方法、装置及电子设备
CN109614104B (zh) 基于模板预处理添加新语意结构的方法、装置及电子设备
CN109271214A (zh) 基于教育操作系统的桌面程序边缘吸附方法及电子设备
CN111782196A (zh) 基于mvp架构的开发方法及装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20190329