Vue-Cli 建立vue3項目

一、安裝node
官網：https://nodejs.org/en/download/
cmd=》node --version 查看版本

二、安裝vue cli
官網：https://cli.vuejs.org/zh/guid...

npm install -g @vue/cli
OR
yarn global add @vue/cli
OR
npm install -g @vue/cli@3.11.0（指定版本）

cmd=》vue --version 查看版本

在Vue-CLI4中運行如下命令來建立一個新項目：

vue create hello-world

而後提示選取一個 preset。能夠選默認的包含了基本的 Babel + ESLint 設置的 preset，這裏咱們選「手動選擇特性」來選取須要的特性（鍵盤上下鍵便可切換）

選擇自定義的配置，我通常選擇這幾個插件

• 按空格鍵選中取消

選擇vue的版本vue2/vue3，這裏選了vue3：

選擇是否使用路由 history router

• Y選擇使用history，但須要對後端配置；n選擇的是hash，即地址欄URL中的 # 符號，它會在url中加一個#，好比：http://localhost:8080/#/Global，這裏我選擇n

選擇css 的預處理器，我選 Sass/SCSS (with dart-sass)

• node-sass是實時自動編譯的，dart-sass須要保存後纔會編譯

選擇 ESLint 代碼校驗規則，會提供一個插件化的javascript代碼檢測工具，ESLint + Prettier 是使用較多的

而後選擇何時進行代碼校驗，我選擇Lint on save

• Lint on save 保存就檢查，Lint and fix on commit 是當 fix 或 commit 時檢查

選擇如何存放配置

• In dedicated config files 存放到config獨立文件中
• In package.json 存放到 package.json 中

是否保存當前的配置，N 不記錄，若是選擇 Y 須要輸入保存名字，我選擇N不記錄

回車以後，等待項目建立成功

建立成功後，執行給出的兩條命令

項目啓動成功