vue-cliプロジェクト作成オプションの詳細(vueベース)
2242 ワード
今日から、vue学習ノートのテーマを書き始めます.まずいくつかの基礎知識を書きます.その後、vueの自動化によるvueマルチページの構築、vueプラグインの開発、vu eライブラリの開発、自動化スクリプトのファイル分離パッケージなど、vueのいくつかの高度な操作があります.vueの公式ドキュメントは本当によく書かれていて、私たちがよく研究する価値があります.このトピックでは、vueドキュメントにない、または無視されやすい、詳細が足りない内容を主に記録します.一緒に進歩を学びましょう.
最新版vue-cli 4による
基本オプション
? Check the features needed for your project:()Babel//トランスコーダは、ES 6コードをES 5コードに変換し、既存の環境で実行することができます.()Type Script//Type Scriptは、JavaScript(接尾辞.js)のスーパーセット(接尾辞.ts)であるJavaScriptの構文を含み拡張し、JavaScriptがブラウザで実行()Progressive Web App(PWA)Support//プログレッシブWebアプリケーションとしてコンパイル出力する必要がある.https://baike.baidu.com/item/PWA/22378897?fr=aladdin()Router//vue-router(vueルーティング)()Vuex//vuex(vueのステータス管理モード)()CSS Pre-processors//CSSプリプロセッサ(less、sass)()Linter/Formatter//コードスタイルチェックとフォーマット(ESlint)()Unit Testing//ユニットテスト(unit tests)()E 2 E Testing//e 2 e(end to end)テスト
次の詳細構成(前のステップの選択項目に基づいて決定され、ここでは前のステップの全選択後を示します)
Use class-style component syntax? (Y/n):classスタイルのスタイル構文(TypeScript)Use Babel alongside TypeScript for auto-detected polyfillsを使用しますか?(Y/n):classスタイルのコンポーネント構文(Type Script)yes Use history mode for routerを使用しますか?(Requires proper server setup for index fallback in production)(Y/n):historyモードを使用するかどうか
Pick a CSS pre-processor(PostCSS,Autoprefixer and CSS Modules are supported by default):前処理のモードを選択()Sass/CSS(with dart-sass)()Sass/CSS(with node-sass)()Less()Stylus
Pick a linter/formatter config:(Usearrow keys):構文検出仕様()TSLint()ESLint with error prevention only()ESLint+Airbnb config()ESLint+Standard config()ESLint+Prettier
Pick additional lint features:(Press to select,to toggle all,to invert selection)保存時チェック/コミット時チェック(*)Lint on save()Lint and fix on commitを選択
Pick a unit testing solution:(Usearrow keys):試験方式()Mocha+Chai()Jest
Pick a E 2 E testing solution:(Usearrow keys):e 2 e試験方式()Cypress(Chrome only)()Nightwatch(Selenium-based)
Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Usearrow keys)構成情報の格納場所を選択する、単独で格納またはパッケージに組み込む.json ( )In dedicated config files ( )In package.json
Save this as a preset for future projects? (y/N):現在のプリセットを保存するか、次回の構築で再構成は不要
完了
もしこの文章があなたの役に立つなら、いいねをつけたり、コレクションをしたりして転送してほしいですよ.認めてくれてありがとう.
最新版vue-cli 4による
vue create
基本オプション
? Check the features needed for your project:()Babel//トランスコーダは、ES 6コードをES 5コードに変換し、既存の環境で実行することができます.()Type Script//Type Scriptは、JavaScript(接尾辞.js)のスーパーセット(接尾辞.ts)であるJavaScriptの構文を含み拡張し、JavaScriptがブラウザで実行()Progressive Web App(PWA)Support//プログレッシブWebアプリケーションとしてコンパイル出力する必要がある.https://baike.baidu.com/item/PWA/22378897?fr=aladdin()Router//vue-router(vueルーティング)()Vuex//vuex(vueのステータス管理モード)()CSS Pre-processors//CSSプリプロセッサ(less、sass)()Linter/Formatter//コードスタイルチェックとフォーマット(ESlint)()Unit Testing//ユニットテスト(unit tests)()E 2 E Testing//e 2 e(end to end)テスト
次の詳細構成(前のステップの選択項目に基づいて決定され、ここでは前のステップの全選択後を示します)
Use class-style component syntax? (Y/n):classスタイルのスタイル構文(TypeScript)Use Babel alongside TypeScript for auto-detected polyfillsを使用しますか?(Y/n):classスタイルのコンポーネント構文(Type Script)yes Use history mode for routerを使用しますか?(Requires proper server setup for index fallback in production)(Y/n):historyモードを使用するかどうか
Pick a CSS pre-processor(PostCSS,Autoprefixer and CSS Modules are supported by default):前処理のモードを選択()Sass/CSS(with dart-sass)()Sass/CSS(with node-sass)()Less()Stylus
Pick a linter/formatter config:(Usearrow keys):構文検出仕様()TSLint()ESLint with error prevention only()ESLint+Airbnb config()ESLint+Standard config()ESLint+Prettier
Pick additional lint features:(Press to select,to toggle all,to invert selection)保存時チェック/コミット時チェック(*)Lint on save()Lint and fix on commitを選択
Pick a unit testing solution:(Usearrow keys):試験方式()Mocha+Chai()Jest
Pick a E 2 E testing solution:(Usearrow keys):e 2 e試験方式()Cypress(Chrome only)()Nightwatch(Selenium-based)
Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Usearrow keys)構成情報の格納場所を選択する、単独で格納またはパッケージに組み込む.json ( )In dedicated config files ( )In package.json
Save this as a preset for future projects? (y/N):現在のプリセットを保存するか、次回の構築で再構成は不要
完了
もしこの文章があなたの役に立つなら、いいねをつけたり、コレクションをしたりして転送してほしいですよ.認めてくれてありがとう.