当前位置: 首页 > news >正文

vue中构建脚手架

在 Vue 开发中,常用的脚手架工具是 Vue CLI 和 Vite,以下是使用它们创建 Vue 项目的指令:

  1. 使用 Vue CLI 创建项目(传统方式)
    首先需要全局安装 Vue CLI(如果尚未安装):
    bash
    npm install -g @vue/cli

或使用 yarn

yarn global add @vue/cli
然后创建项目:
bash
vue create 项目名称
执行后会出现配置选项,可选择默认配置或手动配置(如选择 Vue 版本、路由、状态管理等)。
2. 使用 Vite 创建项目(推荐,更快速)
Vite 是新一代前端构建工具,创建 Vue 项目更高效:
bash

npm 6.x

npm create vite@latest 项目名称 --template vue

npm 7+(需要额外的双横线)

npm create vite@latest 项目名称 – --template vue

yarn

yarn create vite 项目名称 --template vue

pnpm

pnpm create vite 项目名称 – --template vue
如果需要创建 TypeScript 版本的 Vue 项目,将模板改为 vue-ts 即可:
bash
npm create vite@latest 项目名称 – --template vue-ts
创建完成后,进入项目目录并安装依赖:
bash
cd 项目名称
npm install

或 yarn install

启动开发服务器:
bash
npm run dev

或 yarn dev

两种工具相比,Vite 具有更快的启动速度和热更新性能,是 Vue 3 推荐的构建工具。

http://www.dtcms.com/a/484288.html

相关文章:

  • 房地产公司网站建设方案设计网站如何推广
  • xampp配置多网站推广平台收费标准
  • 网站的设计技术策划软件开发流程和规范
  • 做网站需要的导航数字营销 h5 网站开发
  • 网站icp备案新规wordpress上传七牛
  • 网站建设教程自学视频网站是用什么框架做的
  • 做企业网站进行推广要多少钱那些空号检测网站是怎么做的
  • 【cron】ubuntu 16 下cron不生效
  • 唐山网站推广做网站资源
  • 搜索网址网站建站品牌设计logo
  • 什么好的网站学做食品深圳企业网站建设公司
  • 做网站绿标廊坊网站建设电话
  • 库文件详解
  • 潍坊网站建设官网顺德移动端网站建设
  • 生成式人工智能赋能普通高中理科教学的创新路径研究
  • 做网站数据需要的软件上海企业云服务平台
  • app和手机网站的区别是什么青岛网站seo分析
  • 响应式网站无法做联盟广告ui培训学校
  • wordpress用法宁波优化seo是什么
  • 西宁好的网站建设天翼云免费服务器
  • 02117 信息组织【第二章】
  • phpstudy如何建设网站微信网站开发价格
  • 专做动漫解说的网站合肥市蜀山区建设局网站
  • Python使用pip时报错:ERROR: No matching distribution found for requirements.txt
  • 游戏钓鱼网站怎么做房地产网站开发
  • 2016企业网站建设合同wordpress自助建站
  • 第1章 变量与注释-Python工匠:案例、技巧与工程实践
  • 沂南做网站上海网上推广
  • 河南省建设工程标准定额管理网站如何创建自己的app平台
  • 知名高端网站建设企业国内做设计的网站有哪些方面