安装vue脚手架_Vue-cli脚手架安装

官网：

Vue CLI​cli.vuejs.org

Vue-cli v2 安装方式Vue CLIVue-cli v2 安装方式

1. 全局安装vue-­cli

npm install -g vue-cli

2. 初始化项目

vue init webpack XXX（自己替换项目名称）

3. 进入项目

cd XXX（自己替换项目名称）

4. 安装依赖

npm install

5. 启动项目

npm run dev

Vue-cli v3 安装方式

Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x)，你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。

Vue CLI 3需要Node.js8.9 或更高版本 (推荐 8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多个 Node 版本。

1. 安装vue-cli 3

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

2. 拉取 2.x 模板 (旧版本)

Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

3. 初始化项目

vue init webpack XXX（自己替换项目名称）

4. 进入项目

cd XXX（自己替换项目名称）

5. 安装依赖

npm install

6. 启动项目

npm run dev