vue-cli 2とvue-cli 3

Vue
チェックシャツが似合いますよ
インストール
Node環境、http://nodejs.cn/download/
vue-cli2

npm install -g vue-cli
vue -V

vue init webpack my-project //       

Project name:プロジェクト名は、必要でなければそのまま車に戻ります.注意:ここでは、大文字は使用できません.Project description:プロジェクトの説明、直接車に戻るAuthor:著者vue build構築方式(一応説明)2つの選択(上下矢印選択、車に戻る選択)1.Runtime+Compiler:recommended for most users(運転+コンパイル:多くのユーザーに推奨される)2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY allowed in .vue file-render functions are required elsewhereほとんどのユーザーに適したinstall vue-router?vueのルーティングプラグインをインストールするかどうかは、yを選択する必要があります.そうでなければn(以下、この方法に従う)UseESLint to lint your code?ESLintを使用してコードを検出しますか?(ESLintは文法規則とコードスタイルの検査ツールで、文法が正しく、スタイルが統一されたコードを書くことを保証することができます.)Pick an ESLint preset:分岐スタイルを選択するオプションは3つあります1.standard(https://github.com/feross/standard)jsのスタンダードスタイル2.Airbnb(https://github.com/airbnb/javascript)JavaScriptの最も合理的な方法、このgithubアドレスはJavaScriptの最も合理的な方法と言います3.none(configure it yourself)自分で設定します.ユニットテストをインストールしますか(詳しくは説明しません)Pick a test runnerユニットテストランナを選択します.1.Jest(JestはFacebookで公開されたオープンソース、JasmineベースのJavaScriptユニットテストフレームワーク)2.Karma and Mocha 3.none Setup e 2 e tests with Nightwatch(Y/n)が3つありますか?E 2 EテストフレームワークNightWatch(E 2 E、つまりEnd To End、いわゆる「ユーザーリアルシーン」をインストールするかどうか.)Should we run‘npm install’for you after the project has been created?(例:プロジェクト作成後に「npm install」を実行しますか?ここでパッケージ管理ツールを選択)オプションは3つyes、use npm(npmを使用)yes、use yarn(yarnを使用)no、I will handle that myself(自分で操作)車に戻ってインストールが終わるまで待つと、次のコマンドラインが表示されます

コマンドラインはpackageを起動する.json scriptでの表示と構成
開始

npm run dev

梱包する

npm run build

プロファイルを変更する場合は対応する場所eg:vue-cliで生成した開発環境を用いてconfig/indexを直接変更する.jsファイルは、proxytable:{}の中を以下のように配置し、後のapiはtargetを歩きます.

proxyTable: {
  '/api': {
    target: 'http://xxxxx.com',
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/api'
    }
  }
}

vue-cli3

npm install -g @vue/cli 

Vue-Cli 2と3は両立できません.少なくとも同時にインストールできません.1つしか残っていません.
現在、足場はvue-cli 3になっていますが、一部の古いプロジェクトはvue-cli 2に依存しています.特にiniはファイルを作成し、また使いたいと思っています.どうすればいいですか

    Vue-Cli 2：npm uninstall vue-cli -g yarn global remove vue-cli

  Vue-Cli 3：npm install -g @vue/cli yarn global add @vue/cli

     ：npm install -g @vue/cli-init yarn global add @vue/cli-init

vue create my-project

比較すると、ファイルは簡単明瞭で、これはきれいなプロジェクト構造で、その後、ルートとvuexを自分でインストールすることができます.

npm install vuex -s
npm install vue-router -s

次のように操作することもできます.

vue ui

必要に応じてプロジェクトを新規作成し、自分で選択またはデフォルトを設定できます.
プロジェクト構成では、同じレベルのファイルの下にvueを新規作成します.config.js、よく使うのはpublicPath、エージェント、そしてプラグインです.具体的には公式サイトを見ることができます.https://cli.vuejs.org/

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',

  outputDir: 'dist',

  assetsDir: 'static',

  filenameHashing: true,

  // When building in multi-pages mode, the webpack config will contain different plugins
  // (there will be multiple instances of html-webpack-plugin and preload-webpack-plugin).
  // Make sure to run vue inspect if you are trying to modify the options for those plugins.
  pages: {
    index: {
      // entry for the pages
      entry: 'src/pages/index/index.js',
      // the source template
      template: 'src/pages/index/index.html',
      // output as dist/index.html
      filename: 'index.html',
      // when using title option,
      // template title tag needs to be