VUE-CLI教程

一、前言：Vue CLI 是一個基于 Vue.js 進行快速開發(fā)的完整系統(tǒng)

二、CLI (@vue/cli) 是一個全局安裝的 npm 包，提供了終端里的 vue 命令。它可以通過 vue create 快速創(chuàng)建一個新項目的腳手架，或者直接通過 vue serve 構建新想法的原型。你也可以通過 vue ui 通過一套圖形化界面管理你的所有項目。我們會在接下來的指南中逐章節(jié)深入介紹。

三、安裝：

node版本要求：Node.js 8.9 或更高版本 (推薦 8.11.0+)。

安裝方法

npm install -g @vue/cli//oryarn global add @vue/cli

檢查版本

vue --version

---

四、創(chuàng)建項目

vue create demo

會提示你選取一個 preset,默認是基本的babel+esLint設置的preset（PS幫助命令:vue create --help)

五、運行項目

npm run serve

運行項目會生成兩個服務網(wǎng)址

Local本地網(wǎng)址

Network線上網(wǎng)址（僅適用于同一個網(wǎng)段的界面）

---

六、安裝插件

每個CLI插件都會包含一個用來創(chuàng)建文件的生成器+一個用來調(diào)整webpack核心配置命令的運行時插件

安裝插件命令：
vue add @vue/eslint

安裝插件命令vue-router 和 vuex：

vue add routervue add vuex

總結

以上是生活随笔為你收集整理的VUE-CL教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。