目录

方法一 : vue ui 创建项目

方法二 :  vue init webpack （项目名）

方法三 :  vue create （项目名）

安装vue脚手架：搭建Vue3脚手架和使用_程序员柒七的博客-CSDN博客_创建vue3脚手架

方法一 : vue ui 创建项目

 cmd管理员进入选择想要创建项目的文件，在运行 vue ui，就会出现图形化管理

 会自动跳转一个网页如下：

 选择创建，进入创建页面：

 点击创建新项目，书写好项目名，点击下一步：

 这里我们选择手动设置，并点击下一步：

配置如下，并点击下一步：

选择Vue版本，根据需求选择不同的版本： 

 创建项目中（需要等几分钟）：

创建成功进入如下图： 

 选择任务-->server-->运行：

运行成功，点击启动：

 启动成功：

 

 可通过Visual Studio Code打开运行：npm run serve

 运行完显示登录的地址：

 访问： http://localhost:8081/

方法二 :  vue init  webpack（项目名）

 cmd 管理员进入选择想要创建项目的文件，在运行：vue init webpack vue-02

​

 填写创建项目信息：

​

连续填写NO，我们要手动添加：

​创建成功：

​

 进入新建的项目,并运行：npm install --registry=https://registry.npm.taobao.org   下载依赖

​

​

 运行项目：npm run dev

​

​

 在浏览器中输入：http://localhost:8080/

​

 方法三 :  vue create （项目名）

 cmd 管理员进入选择想要创建项目的文件，在运行：vue create vue-03

等待下载：

 下载后输入：cd vue-03   

启动命令：npm run serve

运行结果：

   在浏览器中输入：http://localhost:8080/