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的官網檢...