创建vue3.0项目

发布于:2022-12-06 ⋅ 阅读:(202) ⋅ 点赞:(0)

一.  安装npm,node

二. 安装脚手架

         1. 卸载之前的版本:npm uninstall vue-cli -g

         2.  安装:npm install @vue/cli -g

三. 创建项目

             打开终端

         1.  vue create demo      demo项目名称自定义

                    

         2. 模板选择自定义

                   

         3. 按空格选择所需要的插件

      

 

         4. 选择版本 3.x

         3. 路由模式选择 n

 

         4. 选择一种css 预处理器

 

         5. 选择一种代码格式化检测工具

 

         6. 代码检查方式

 

         7. 配置文件怎么存放

 

         8. s是否需要保存当前配置

        9. 回车自动初始化项目

          看到如图所示,则表示创建成功

四. 运行项目

         1. 进入demo文件夹中   cd demo

         2. 启动项目    npm run serve

 

         3. 在浏览器输入网址 

                   http://localhost:8080/

         4. 在浏览器中如图所示

 


网站公告

今日签到

点亮在社区的每一天
去签到