03 vue.js2.5 - ヴュー-cliをインストール、プロジェクトテンプレートのWebPACKを作成します

インストールの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/   「のチュートリアルを学習します

 

公開された241元の記事 ウォン称賛14 ビュー50000 +

おすすめ

転載: blog.csdn.net/qq_29150765/article/details/81300595