Node.jsの環境が構築します
ブラウザはJSコードを使い果たすことができますのNode.jsベースのV8エンジン
VueのCLI3.0は、Node.jsの8.9以降が必要です。
と
nvm
やnvm-windows
、同じコンピュータ上で複数のノードのバージョンを管理NVMのgithubの住所:https://github.com/nvm-sh/nvm
VueのCLI構築する3.0環境
- 古いバージョンのVUE-CLIをアンインストールします。
npm uninstall vue-cli -g
- 新しいバージョンをインストールします。
npm install -g @vue/cli
- プロトタイピング:
npm install -g @vue/cli-service-global
- プロジェクトを作成します。
vue create hello-world
- グラフィカルなインターフェイスを使用します。
vue ui
プロジェクトを作成します。
足場の使用は、新規プロジェクトを作成し、秒を選択し、手動で作成します
my-default:
私は良いテンプレートを保存していました。default:
デフォルトの設定を使用しますManually select features:
カスタム構成
所望の機能を選択し、矢印キーを移動するには、スペースを選択してキャンセルされ、Aはすべての選択です。選択が完了したら、次のステップは、入力します
Babel:
ES6はES5を回しますTypeScript:
活字体を使用したソースコードを書きますProgressive Web App (PWA) Support:
プログレッシブWebアプリケーションRouter:
ルーティングVuex:
状態CSS Pre-processors:
CSSの前処理Linter/Formatter:
フォーマットコードとスタイルチェッカーUnit Testing:
ユニットテスト。E2E Testing:
E2Eテスト
- ルーティング・モード、それがハッシュモードを使用しています。入力nは、Enterキーを押します
- 選択構文仕様の設定を検出し、それが一般的にすることができ、標準として使用され、
構文検出方法私はテストに保存することにしました。
Lint on save:
保存チェックLint and fix on commit:
検査を提出
ここでバベル、postcssを尋ね、これらの設定ファイルを格納する方法eslint。我々は最初のものを選びました。
In dedicated config files:
单独的文件
In package.json:
存放一个文件中(package.json),第一步中的默认模式选这个
- 是否把这一次的选择作为预设,下次可以直接使用这套配置。键入N不记录,如果键入Y需要输入保存名字。
确定后,等待下载依赖模块。
项目创建完成以后,根据提示输入命令
cd project-name // 进入项目根目录 run serve // 运行项目
- 浏览器打开:http://localhost:8080