@vue/cli构建项目

安装node

需要nodejs v8.9+的版本。(可以使用nvm管理node版本)

npm安装@vue/cli

// 安装前检查下是否安装过旧版本vue-cli(vue版本是1.x或2.x)，如果有请先卸载旧版本再安装新版本)

npm install -g @vue/cli

*// 检查vue是否安装成功*

vue --version

*// 如果显示vue的版本3.x，表示安装成功*

vue命令新建项目

// 快速创建一个项目

vue create hello-vue

执行上面的create命令会弹出项目配置的三个选项：(根据项目需要自行选择)

image

//项目创建成功后启动项目

npm run serve

启动成功后控制台显示running at

image.png

浏览器访问控制台显示的地址：

image.png

项目构建完成。