VueCLIだけだと物足りないのでVueプロジェクトのテンプレート作った

VueCLIだけだと微妙に足りていなくて面倒くさい。
例のごとく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

TypeScript, PWA
クラススタイルコンポーネントは使用しない。
TSLint
テストにはMochaを使用。
設定ファイルの外部化。



VueCLIで作成したプロジェクトとの相違点



  • tasks.json の追加(VSCode用)
  • settings.json の追加(VSCode用)
  • vue.config.js の追加(外部ライブラリの指定)
  • tsconfig.json書き換え
  • axios導入


結局開発スタイルに差が出るので個人で用意するしかない気がする。
まあ参考ということで。




2019年5月13日月曜日