vue ts ts環境搭建及ts格式寫法

2021-10-21 03:28:02 字數 884 閱讀 3475

1、搭建環境

方式一:

vue ui手動配置->新增專案->手動配置

->新增babel、typescript、使用配置檔案,其他選擇自定義

->選擇css預處理器和eslint

方式二:

vue create 專案名建立

選擇手動配置,可新增typescript

空格新增,回車下一步

方式三:手動建立

(2)編寫vue宣告檔案,避免匯入vue元件報錯

declare module '*.vue'

(3)配置webpack

const htmlwebpackplugin = require('html-webpack-plugin')

const vueloaderplugin = require('vue-loader/lib/plugin')

module.exports = ,

output: ,

resolve:

},module: ,

}],exclude: /node_modules/},]

},plugins: [

new htmlwebpackplugin(),

new vueloaderplugin() 使用vue-loader需要新增外掛程式

],optimization: }}

2、型別約束

(1)props引數約束:

import vue, from 'vue'

inte***ce complexmessage

const component = vue.extend(,

callback: ,

message: }}

})

搭建TS開發環境

建立好資料夾後,開啟 vscode,把資料夾拉到編輯器當中,然後開啟終端,執行npm init y,建立package.json檔案。生成檔案後,我們接著在終端中執行tsc init,生成tsconfig.json檔案。新建src和build資料夾,再建乙個index.html檔案。在src目錄下,...

ts在vscode編輯器開發的環境搭建

tsconfig.json 也可以tsc init exclude node modules include src ts 注意launch和tasks的配合,已經要啟動的檔案,比如index.html launch.json bin index.html 下面這個可以預先啟動任務 引數是tasks...

Python 環境搭建及執行

python可應用於多平台包括 linux 和 mac os x。通過終端視窗輸入 python 命令來檢視本地是否已經安裝python以及python的安裝版本。注意 先要保證python安裝路徑,新增到path環境變數中。python最新原始碼,二進位制文件,新聞資訊等可以在python的官網檢...