vue ui  

前言:

vue-cli 是一個官方釋出 vue.js 專案腳手架，使用 vue-cli 可以快速建立 vue 專案，GitHub地址是：https://github.com/vuejs/vue-cli

首先需要安裝node環境，可以直接到中文官網http://nodejs.cn/下載安裝包。

只是這樣安裝的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安裝http://blog.csdn.net/s8460049/article/details/52396399

安裝完成後，可以命令列工具中輸入 node -v 和 npm -v，如果能顯示出版本號，就說明安裝成功。

一、Vue CLI 構建專案

為了快速構建 Vue 專案，Vue 團隊開發了腳手架工具Vue CLI，這個腳手架需要全域性安裝vue-cli,從3.x開始變成vue/cli了

yarn global add @vue/cli

npm install -g @vue/cli

對於 Vue 3.x 的專案，需要使用 Vue CLI v4.5 以上的版本。如果你的 Vue CLI 版本較低，也需要用上面的命令升級

安裝完成後可以在命令列輸入vue -V（注意第二個 V 大寫），如果出現版本號則安裝成功

然後在需要建立專案的資料夾下啟動終端，在命令列輸入下面的命令

vue ui

這個命令會在瀏覽器開啟一個頁面(http://localhost:8000/project/select),這是 Vue CLI 提供的視覺化工具，可以通過頁面上的【建立】標籤建立專案

除了這種視覺化的方式之外，還可以完全通過命令列建立專案：

vue create my-vue3.0
#my-vue3.0 是專案目錄的名稱

sdfsd