博客

通过 VUE CLI 创建一个简单的 VUE 项目

1.安装 Vue CLI

确保了各种构建工具能够基于智能的默认配置即可平稳衔接，致力于将 Vue 生态中的工具基础标准化。

安装命令
npm install -g @vue/cli
或者
yarn global add @vue/cli
升级全局的 Vue CLI 包
npm update -g @vue/cli
或者
yarn global upgrade --latest @vue/cli

2.创建 Vue3.0 项目

（1）使用 vue create 命令创建项目


在一个空文件夹下，使用 vue create 命令会生成一个 vue3.0项目，并安装依赖。

vue create 项目名称

到此处执行完毕后，一个 vue3.0 的项目就已经执行完毕了，下面可以使用图形化界面来创建和管理项目。

（2）使用图形化界面


通过 vue ui 命令以图形化界面创建和管理项目。

vue ui

3.启动项目

创建项目完成后，目录结构如下：

（1）通过执行如下命令，启动项目：

npm run serve

（2）浏览器访问 http://localhost:8080/

4.相关文档

（1）Vue3.0官方文档：https://vue3js.cn/



（2）Vue CLI官方文档：https://cli.vuejs.org/zh/