インストールのVue-CLI
最初の
一見、第2の、しかし再インストールシステムの後、第二は、第可能で、使用することができないことはできません
# 全局安装vue -cli命令
npm install --global vue-cli
# 创建基于 webpack 模板的新项目,使用webpack的模板
# 首先进入 desktop,然后会在desktop目录下创建todolist的项目
vue init webpack my-project
# 或者创建一个简单的webpack项目
vue init webpack-simple demo
VUEインストール。。。。
インストールは完了です。
# 安装依赖
cd my-project --进入文件目录
npm run dev
プロジェクトはlocalhost:8080を発売します
第2
#グローバルインストールは@vue/cli-service
ローカルを通じて、各プロジェクトに依存してインストールされている@vue/cli
創造 インストールNPM -g @ VUE / CLI
# vue create my-project
目次はじめに
ビルド:WebPACKのプロフィール
設定:設定ファイルを開発環境とオンライン環境のために
node_modules:プロジェクトに依存
SRC:ソースコードを配置します
静的:静的リソース
- babelrc :.バベルコンパイラ
- editorconfig :.ブラウザの設定
- eslintignore :. Eslint検出ルールの
- eslintrc.js :.検出ルールのEslint
- 。Gitignore
- 。postcss.js
--index.html:エントリファイル最も外側のページ全体
--package.json
--package-lock.json
--README.md
VUE-CLIは、新しい単一ファイルのアセンブリ構文を提供します
VUEのすべての部分を含むファイルを.Vue
足場ツールはES6文法、構文を使用して、ES5にパッケージ化することができます
##首先进入安装目录
cd todolist
##重新启动项目
npm run dev
npm run start
:公式サイト閲覧 https://cn.vuejs.org/ 「のチュートリアルを学習します