❝ 最近想學習一下TypeScript語法，但是只是看官方文檔又有些乏味，還是通過項目在實踐中學習比較有趣，所以在這裡記錄一下我的學習歷程，與Vue項目結合開發。（官方文檔 請戳 >>） ❞ 項目搭建 通過腳手架搭建 1. 通過Vue CLI 3 創建vue項目 vue create vue-typ ...
❝最近想學習一下TypeScript語法，但是只是看官方文檔又有些乏味，還是通過項目在實踐中學習比較有趣，所以在這裡記錄一下我的學習歷程，與Vue項目結合開發。（官方文檔 請戳 >>）
❞
項目搭建
通過腳手架搭建
1. 通過Vue CLI 3 創建vue項目
vue create vue-typescript// 在此選擇typescript支持
? Check the features needed for your project: () Babel () TypeScript ( ) Progressive Web App (PWA) Support () Router () Vuex >() CSS Pre-processors () Linter / Formatter ( ) Unit Testing ( ) E2E Testing 我是08年出道的高級前端架構師，有問題或者交流經驗可以進我的扣扣裙 519293536 我都會儘力幫大家哦
複製代碼// 引入 vue-class-component 插件 // 以下大概是我的選擇 ? Use class-style component syntax? (Y/n) y ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with node-sass) ? Pick a linter / formatter config: Prettier ? Pick additional lint features: Lint on save ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files ? Save this as a preset for future projects? (y/N) n
複製代碼
2. 啟動項目
yarn run serve
複製代碼能跑起來嗎，能跑就是好項目
