vuecli 3 vueプロジェクトの作成

一.古いバージョンをアンインストールし、新しいバージョンをインストールし、インストールが正常かどうかを検出します.
注意:以下のすべての操作はcmdコマンドラインで完了します.
アンインストール

// Vue CLI       vue-cli     @vue/cli。 
//                vue-cli(1.x   2.x)，      
 npm uninstall vue-cli -g 
  
 yarn global remove vue-cli 
//    。

インストール

npm install -g @vue/cli
# OR
yarn global add @vue/cli

けんしゅつ

//                     (3.x)
vue --version

二.VUEプロジェクトの作成
vue createコマンドの実行

//         vue-cli 3      vue-cli3-demo
//                

vue create vue-cli3-demo

//        ,      

preset(プリセットオプション)の選択を求められます.基本的なBabel+ESLint設定を含むデフォルトのpreset(プリセットオプション)を選択するか、「手動でプロパティを選択」を選択して必要なプロパティを選択できます.

? Please pick a preset: (Use arrow keys) //       (      )
> default (babel, eslint) //     (    Babel + ESLint   )
  Manually select features //           

移動矢印2番目(Manually select features[手動選択機能])を選択すると、次のオプションが表示されます.

Vue CLI v3.7.0

 //     :      
? Please pick a preset: Manually select features

//          
? Check the features needed for your project: 

//     ,   a     ,   i     
(Press  to select,  to toggle all,  to invert selection)
 
>(*) Babel //     JavaScript    
 ( ) TypeScript //   JavaScript
 ( ) Progressive Web App (PWA) Support //    WEB  
 ( ) Router // vue   
 ( ) Vuex // vue     
 ( ) CSS Pre-processors // css      Sass/SCSS/less