例のごとくGitHubに上げている。
Cloneしてきて即VisualStudioCode上で開発できるようにしている。
環境
Vue CLI v3.7.0
typescript 3.4.5
以下ソース
https://github.com/ninomae-makoto/template-vue
Cloneした後VisualStudioCodeで開けば(スタイルの好みは置いといて)即開発できるはず。
npm run serve でローカルサーバ立ち上げ。
npm run build で本番用にビルド。
npm run watch でファイルに変更があったときに本番用にビルド。
VueCLI Settings
VueCLIでプロジェクトを作成したときの設定。
? Check the features needed for your project: TS, PWA, Linter, Unit
? Use class-style component syntax? No
? Use Babel alongside TypeScript for auto-detected polyfills? No
? Pick a linter / formatter config: TSLint
? Pick additional lint features: Lint on save
? Pick a unit testing solution: Mocha
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
? Use class-style component syntax? No
? Use Babel alongside TypeScript for auto-detected polyfills? No
? Pick a linter / formatter config: TSLint
? Pick additional lint features: Lint on save
? Pick a unit testing solution: Mocha
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
TypeScript, PWA
クラススタイルコンポーネントは使用しない。
TSLint
テストにはMochaを使用。
設定ファイルの外部化。
VueCLIで作成したプロジェクトとの相違点
- tasks.json の追加(VSCode用)
- settings.json の追加(VSCode用)
- vue.config.js の追加(外部ライブラリの指定)
- tsconfig.json書き換え
- axios導入
結局開発スタイルに差が出るので個人で用意するしかない気がする。
まあ参考ということで。