VueのVueの足場フレームワーク

◆Vueの足場アクション：

VueのVueの足場はすぐにプロジェクトベースのアーキテクチャを生成することができます。

◆Vueの足場設置：

npm install -g @vue/cli

◆Vueのプロジェクトを作成するコマンドを使用します

vue create my-project

1. 手動で選択して機能を選択します（プロジェクトを作成するために、特性を選択）
2. チェックプロパティは、スペースで確認することができます。
3. 歴史的なパターンをルーティングの選択かどうか：N
4. ESLint選択：ESLint +標準設定
5. ときESLintの文法チェックに：保存上のリント
6. バベル、postcss他の設定ファイルが置かれている方法：専用の設定ファイルでは（設定ファイルを単独で使用しました）
7. テンプレートとして保存するかどうか：nは
8. どのパッケージをインストールするためのツール：NPM

◆VueのプロジェクトベースのUIインターフェースを作成します。

構成項目の情報が自動的にWebページを作成するプロジェクトを開きます。

vue ui

◆古いテンプレート2.xのに基づいて、Vueのプロジェクトを作成します。

npm install -g @vue/cli-init
vue init webpack my-project

◆Vueが生成されたプロジェクトの構造を足場

node_modules:依赖包目录
public：静态资源目录
src：源码目录
src/assets:资源目录
src/components：组件目录
src/views:视图组件目录
src/App.vue:根组件
src/main.js:入口js
src/router.js:路由js
babel.config.js:babel配置文件
.eslintrc.js:

◆カスタムVueの足場の構成：

別の設定ファイルを使用して設定、vue.config.jsを作成

module.exports = {
    devServer:{
        port:8888,
        open:true
    }
}

package.jsonを介して設定[推奨されません]

 "vue":{
     "devServer":{
         "port":"9990",
         "open":true
     }
 }