AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

npm构建vite项目

2024-06-26 229
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： npm构建vite项目

基础环境

 

npm init vite@latest

依次输入项目名称、使用框架、使用语言。

生成的项目

进入目录，安装依赖，启动项目。

 cd 0702_demo01
  npm install
  npm run dev


关键词：
npm项目
npm构建项目
npm构建
npm vite
好奇的菜鸟
目录
相关文章
theMuseCatcher
|
资源调度 JavaScript API
Vue3+TS+Vite开发组件库并发布到npm
这篇文章介绍了如何使用Vue 3、TypeScript和Vite开发一个包含35个常用UI组件和8个API功能函数的组件库`vue-amazing-ui`，并将其发布到npm，同时提供了组件库的安装使用说明和在线预览。
theMuseCatcher
558 2
Vue3+TS+Vite开发组件库并发布到npm
theMuseCatcher
|
缓存 资源调度 JavaScript
Vue3+TS+Vite开发组件库并发布到npm
**vue-amazing-ui 组件库** 是一个基于 Vue 3 的高质量 UI 组件库，提供了丰富的组件和工具函数。该库已发布至 npm，可通过 `pnpm i vue-amazing-ui`、`yarn add vue-amazing-ui` 或 `npm install vue-amazing-ui` 安装使用。组件包括按钮、面包屑、卡片、日期选择器等，同时提供了日期格式化、节流、防抖等实用工具函数。项目结构清晰，支持按需加载，并提供了详细的文档与在线预览。
theMuseCatcher
458 1
Vue3+TS+Vite开发组件库并发布到npm
邹荣乐
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
邹荣乐
4379 3
前端徐徐
|
资源调度 JavaScript 前端开发
如何实现一个类似 vite 的脚手架并发布 npm
本文介绍了如何实现一个类似 Vite 的脚手架工具。通过详细解析和实践，文章分享了从零开始构建脚手架的过程，包括技术选型、开发步骤及发布 NPM 包的完整流程。最终目标是让用户能够通过 `yarn create electron-prokit myapp` 快速搭建 Electron 项目。项目源码可在 GitHub 上获取。
前端徐徐
298 5
杀死一只知更鸟debug
|
JavaScript
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量，创建一个空文件夹并使用VSCode打开，通过VSCode的终端执行`npm init vue@latest`命令以初始化项目，选择默认配置即可。接着安装项目依赖并启动开发服务器，最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
杀死一只知更鸟debug
1654 1
周一同学Zelina
|
缓存 JavaScript 前端开发
8种方法解决vue创建项目报错：command failed: npm install --loglevel error
该文章提供了八种解决Vue项目创建时遇到的`command failed: npm install --loglevel error`错误的方法，包括清理缓存、更换npm源、重新安装Node.js等措施。
周一同学Zelina
2316 0
8种方法解决vue创建项目报错：command failed: npm install --loglevel error
想飞的雪糕
|
缓存 前端开发 JavaScript
前端架构思考：代码复用带来的隐形耦合，可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧！
最近，我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问，引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题，并提出减少不必要的依赖、重视模块设计等建议，以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历，强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
想飞的雪糕
528 0
邹荣乐
|
前端开发 JavaScript 开发工具
从零开始：构建、打包并上传个人前端组件库至私有npm仓库的完整指南
从零开始：构建、打包并上传个人前端组件库至私有npm仓库的完整指南
邹荣乐
3072 0
三分钟热度的鱼
|
敏捷开发 缓存 Java
阿里云云效产品使用合集之如何配置流水线里的npm构建
云效作为一款全面覆盖研发全生命周期管理的云端效能平台，致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题，问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
三分钟热度的鱼
439 0
朝阳39
npm-check【实用教程】升级项目中的依赖
npm-check【实用教程】升级项目中的依赖
朝阳39
530 0

热门文章

最新文章

  • 1
    windows环境下NPM / NodeJS的安装配置
  • 2
    [npm]使用(c)npm安装yarn
  • 3
    换npm yarn的源让install超时去死吧
  • 4
    nodeJS 的 npm 设置国内高速镜像之淘宝镜像的方法
  • 5
    npm install 一直卡着不动如何解决
  • 6
    npm install安装时一直idealTree:npm: sill idealTree buildDeps解决方案（亲测有效）
  • 7
    mac设置终端命令行别名alias（git、npm）
  • 8
    node与npm版本对应关系以及使用nvm管理node版本
  • 9
    发布npm包时遇到的一些坑
  • 10
    npm、yarn、pnpm 如何删除缓存文件?
  • 1
    使用npm install -g pnpm的时候报错
    1245
  • 2
    在NodeJS中使用npm包进行JS代码的混淆加密
    1241
  • 3
    解决若依框架中 npm run dev 卡在 95% 的问题
    1258
  • 4
    nodejs18版本 npm run dev失败
    1295
  • 5
    github和npm开启2FA双重身份验证无法登陆
    3242
  • 6
    vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
    525
  • 7
    docker centos镜像 npm安装包时报错“npm ERR! code ECONNRESET”
    1116
  • 8
    npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
    2159
  • 9
    node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
    488
  • 10
    npm账户需要登录问题npm error probably out of date. To correct this please try logging in again with优雅草央千澈解决方案
    2515

    • 相关电子书

    更多
  • 基于webpack和npm的前端组件化实践
  • 基于FAAS构建NPM同步CDN
  • 低代码开发师（初级）实战教程

    • 推荐镜像

    更多
  • NPM
    • 下一篇
    安装使用最新wordpress的最简单流程