1. 程式人生 > >vue-cli 3.x.x搭建專案及配置

vue-cli 3.x.x搭建專案及配置

vue-cli 官網:https://cli.vuejs.org/zh/guide/

一、安裝cli

若之前安裝過2.x.x,需先解除安裝

npm uninstall vue-cli -g 
# or
yarn global remove vue-cli

Vue CLI 3.0 + 安裝改為

npm install -g @vue/cli
# OR
yarn global add @vue/cli

注:安裝yarn :https://yarnpkg.com/zh-Hans/docs/install#mac-stable

二、建立專案

1)圖形介面方式

vue ui

2)命令列

vue create [project-name]

如果你仍然需要使用舊版本的 vue init 功能,你可以全域性安裝一個橋接工具:

npm install -g @vue/cli-init
# `vue init` 的執行效果將會跟 `vue[email protected]2.x` 相同
vue init webpack my-project

啟動專案

npm run serve
# OR
yarn serve