使用@vue/cli创建一个vue项目

安装node js

Node 版本要求

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。 （新版node.js 会自带npm）

安装yarn

npm install --globalyarn

yarn官方文档 <https://yarn.bootcss.com/docs/install#windows-stable>

 

安装@vue/cli

可以使用下列任一命令安装这个新的包：

npm install -g @vue/cli
# OR

yarn global add @vue/cli

安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确：

vue --version

 

升级

如需升级全局的 Vue CLI 包，请运行：

npm update -g @vue/cli

# 或者

Yarn global upgrade --latest @vue/cli

 

 卸载

如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，

你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

npm uninstall @vue/cli -g（新版的包名称已经改为了@vue/cli）

 

创建一个项目

vue create hello-world

项目可视化界面

vue ui

 

yarn serve  运行服务

进入服务端口

 

@vue/cli官方文档： https://cli.vuejs.org/zh/guide/installation.html

前端相关优质项目推荐： https://www.bootcss.com/