使用Vue-cli初始化项目

使用 vue-cli 来初始化项目

官方文档

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

Node 版本要求

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

使用如下命令安装 @vue/cli

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

检查 cli 的版本

vue --version

创建项目3.0

vue create hello-world

启动服务

npm run serve

浏览器访问 `localhost:8080 即可看到 vue 的欢迎界面。

2.0 安装 当然你也可以继续使用 2.0 的安装方式

npm install -g @vue/cli-init
vue init webpack my-project

启动服务

npm run dev