全棧的自我修養: 6使用vue ui進行vue.js環境搭建

> It is only with the heart that one can see rightly. What is essential is invisible to the eye.
> 用心才能看得清事物的本質，真正重要的東西是肉眼看不見的。
[TOC] 當你看到這篇文章的時候，暫且認為你對如何做一個網站有了興趣. # 前言 上幾篇文章曾經講過使用 `vue-cli` 和新版本的 `@vue/cli` 通過命令的方式建立專案和一些常用的配置，但直接用手動點一下建立專案她不香嗎!? 這也是我們第一個前後端示例專案的開始 > Phil Karlton 曾說“在 CS 領域中，有兩件事是非常難的，一個是快取失效，一個是命名。” 這裡隨便起個名字吧，這個專案就叫 `kola` 了，做一個簡單的許可權管理系統吧 # 安裝@vue/cli 這裡還是要安裝 `@vue/cli`, 如果已經安裝了請忽略 ```sh epimetheus$ npm install -g @vue/cli ``` 安裝速度還是比較慢的，大家可以喝杯水 安裝完成後可以 `vue --version` 看下版本號 ```sh epimetheus$ vue --version @vue/cli 4.4.6 ``` # 建立 Vue 專案 在終端輸入命令 ```sh $ vue ui