vue-cli 初始化vue工程

本文介绍了如何通过VueCLI创建一个新的前端工程。首先,需要全局安装VueCLI,然后使用`vue create`命令创建项目,手动选择特性,如Vue版本、路由模式、CSS预处理器和校验工具等。在配置完成后,运行`npm run serve`启动项目,验证工程创建成功。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用 Vue CLI 初始化工程


VueCLI 创建或者升级

npm install --global @vue/cli

创建工程

  1. 创建命令

    	vue create vuetemplate
    
  2. 上、下键选择 Manually select features
    在这里插入图片描述

  3. <空格> 键选择工程特性
    在这里插入图片描述

  4. 选择vue版本
    在这里插入图片描述

  5. 是否使用 history 路由模式,这里输入 n 不使用 在这里插入图片描述

  6. 选择 CSS 预处理器
    在这里插入图片描述

  7. 选择校验工具
    在这里插入图片描述

  8. 选择在什么时机下触发代码格式校验
    在这里插入图片描述

  9. 配置文件单独保存成文件
    在这里插入图片描述

  10. 是否保存以上配置,根据自己情况而定
    在这里插入图片描述

  11. 工程创建
    在这里插入图片描述

  12. 验证

    cd vuetemplate
    npm run serve
    

    工程创建成功在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值