webstorm vue-cli足場を作るバカチュートリアル

webstormファイル->new->プロジェクト
1、できるだけUse the default project setup（babel、eslint）デフォルトで作成したプロジェクトの多くの配置が不完全で、後期に再インストールするのは面倒くさいです。

2、createをクリックした後、下記のオプションがあります。キーボードの上下ボタンを押してデフォルトか手動かを選択します。defaultを選択したら、一緒にバックして実行すればいいです。ここで手動でダウンロードします。

3、配置を選択すると、いくつかのオプションが見えます。何かを集めて選べばいいです。私はここでよく使うものを選びます。

4、適切なvue.jsバージョンを選んでこのプロジェクトを開始します。ここで私は3.xを選びます。

5、babelを使って転送yesをするかどうか

6、classスタイルのコンポーネント文法yesを使っていますか？

7、historyモードを使用していますか？

8、前処理のモードを選択します。ここではdart-sassを選んで、node-sassと区別します。

node-sassは、node（cpp編纂のlibsassを呼び出します）でsassをコンパイルします。
dart-sassはdrat VMでsassをコンパイルします。node-sassは自動的にリアルタイムでコンパイルされています。dart-sassは保存してから有効になります。

推荐dart-sass性能はもっといいです。そして、node-sassは国情問題でいつも入れられません。

9、Pick a linter/formater config:(Use arrow keys)：文法の検査規範を選択します。ここでESLint+Pretierを選択します。

10、保存はfixとcomitを検査します。ここで一番目を選びます。

11、独立したフォルダを置くとpackage.jsonを置く。ここで自分が好きなものを見てください。ここで選んだのは独立したフォルダを置くことです。

12、次の設定を継続するために記録しますか？Nを入力して記録しません。Yを入力すると保存名を入力してください。

13、静かに完成を待てばいいです。もし時間が長いなら、寝に行ってもいいです。ページにドンヌが出るまで起きてれんがを運ぶことができます。
ここでwebstormについてvue-cli足場を作るバカチュートリアルの記事を紹介します。これに関連してwebstormでvue-cli足場を作る内容は以前の文章を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。