使用命令行快速创建Vite项目

这篇具有很好参考价值的文章主要介绍了使用命令行快速创建Vite项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、构建项目

在终端中使用如下命令行:

npm create vite

使用命令行快速创建Vite项目,Webpack,webpack,前端 

二、定义项目名称

使用命令行快速创建Vite项目,Webpack,webpack,前端

 三、选择项目类型 

Vanilla是我们常用的JavaScript,Vue和React是常用前端框架,可以根据自己的需要进行选择

通过上下键进行选择,按下回车进行确认

使用命令行快速创建Vite项目,Webpack,webpack,前端 

使用命令行快速创建Vite项目,Webpack,webpack,前端 

创建完成

使用命令行快速创建Vite项目,Webpack,webpack,前端

四、安装项目依赖 

在创建的项目文件夹终端下输入npm i 安装项目所需要的依赖

使用命令行快速创建Vite项目,Webpack,webpack,前端文章来源地址https://www.toymoban.com/news/detail-730724.html

到了这里,关于使用命令行快速创建Vite项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用vite创建项目

    NPM Yarn PNPM Bun 安装sass 安装less vite官方中文文档:Vite | 下一代的前端工具链 (vitejs.dev)

    2024年02月20日
    浏览(23)
  • 前端构建工具对比 webpack、vite、esbuild等

    人类和动物最大的区别是会使用工具,工具的作用就是提升我们的生产效率,同样,随着前端工程化的演进,伴随着一些优秀的工程化的生产效率工具,今天就来聊一聊,前端工程中的构建工具。 前端构建工具按照功能可以分为如下两大类: 转译 - 将高级语法转换为低级的

    2024年01月19日
    浏览(31)
  • 利用Vue命令行快速创建项目案例

    今天特意写了一篇关于如何利用Vue命令行快速创建项目案例,希望对大家有帮助,首先需要环境要求:安装有  Node.js 、  vue 、  vue-cli   安装有 Node.js、 vue、 vue-cli (node下载地址: https://nodejs.org/en/),打开cmd,查看nodejs版本和npm版本,在命令行中输入: node -v //node版本

    2024年01月20日
    浏览(47)
  • Vue项目搭建及使用vue-cli创建项目、创建登录页面、与后台进行交互,以及安装和使用axios、qs和vue-axios

    目录 1. 搭建项目 1.1 使用vue-cli创建项目 1.2 通过npm安装element-ui 1.3 导入组件 2 创建登录页面 2.1 创建登录组件 2.2 引入css(css.txt) 2.3 配置路由 2.5 运行效果 3. 后台交互 3.1 引入axios 3.2 axios/qs/vue-axios安装与使用 3.2.1 安装axios 3.2.2 发送get请求: 3.2.3 发送post请求: 3.2.4 简化axio

    2024年02月07日
    浏览(56)
  • 【前端笔记】前端包管理工具和构建打包工具介绍之npm、yarn、webpack、vite

    NPM(Node Package Manager)是node包管理器,是node.js默认采用的软件包管理系统,使用JavaScript语言编写。包管理可以理解为依赖管理,有一个npm包管理仓库,当我们执行npm命令的时候,就可以直接从npm仓库中下载对应的依赖包,类似于后端开发中的POM。 node.js中就已经安装了NPM,所

    2024年02月02日
    浏览(43)
  • 如何使用Vite创建Vue3的uniapp项目

    Vue3/Vite 版要求 node 版本^14.18.0 || =16.0.0 如果使用 HBuilderX(3.6.7 以下版本)运行 Vue3/Vite 创建的最新的 cli 工程,需要在 HBuilderX 运行配置最底部设置 node 路径 为自己本机高版本 node 路径(注意需要重启 HBuilderX 才可以生效) HBuilderX Mac 版本菜单栏左上角 HBuilderX-偏好设置-运行配

    2024年02月09日
    浏览(131)
  • 使用vite创建vue3的Cesium基础项目

    使用vite创建vue3项目:可以参考官方文档Vite官方中文文档 1.1 在指定文件夹路径下使用npm(前提是已经安装好了node): 1.2 cd到创建的项目文件夹: 安装并使用Cesium; 2.1 找到插件:vue插件, 找到社区插件, ctrl+F搜索“Cesium”,找到Cesium的插件使用教程:Cesium插件 就能找到C

    2024年02月13日
    浏览(56)
  • Vue+Vite项目初建(axios+Unocss+iconify)

    npx --package @vue/cli vue 项目成功启动后,进入http://localhost:3200,即可进入创建好的页面(假设启动端口为3200) 假设有本地服务器地址localhost:8000提供接口服务,接口为localhost:8000/token,修改代码 执行代码,如果后端服务器执行正常,就会有相应的返回值 npm install -D unocss 修改 vit

    2024年02月19日
    浏览(40)
  • 手把手教会你!如何快速在VSCode创建一个VUE项目|前端菜鸟进阶版

    对于刚上手的朋友,我们可以先来了解一下什么是vue: VUE :渐进式javaScript框架。 什么是JS(JavaScript):我封装好一个函数,这个函数可以给其他人调用,这个就是一个js 什么是框架:框架的规则。 在项目开始创建之前,我们需要做好以下几点准备,具体操作可在官网下载。

    2024年02月10日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包