Vue CLI:怎样创建包含 Vue Router 的项目

Lasted 2020-03-10 19:22:37

全局安装 VUE

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

安装成功后可以使用 vue 命令查看版本号。

vue --version
@vue/cli 4.2.3

添加 Vue Router

第一种方法,初始化项目时选择手动安装: 

vue create hello-world
Vue CLI v4.2.3
? Please pick a preset: 
  default (babel, eslint) 
❯ Manually select features 

第二种方法,在已有项目中添加 Vue Router:

vue add router
📦  Installing @vue/cli-plugin-router...

yarn add v1.17.3
[1/4] 🔍  Resolving packages...
info There appears to be trouble with your network connection. Retrying...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...
success Saved lockfile.
success Saved 0 new dependencies.
✨  Done in 25.82s.
✔  Successfully installed plugin: @vue/cli-plugin-router

? Use history mode for router? (Requires proper server setup for index fallback 
in production) Yes

🚀  Invoking generator for @vue/cli-plugin-router...
📦  Installing additional dependencies...

yarn install v1.17.3
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...
success Saved lockfile.
✨  Done in 10.03s.
⚓  Running completion hooks...

✔  Successfully invoked generator for plugin: @vue/cli-plugin-router