基础环境
npm init vite@latest
依次输入项目名称、使用框架、使用语言。
生成的项目 
进入目录，安装依赖，启动项目。
cd 0702_demo01 npm install npm run dev
npm构建vite项目
2024-06-26
70
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
npm构建vite项目
目录
相关文章
|
1月前
|
移动开发
小程序
数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
219
3
3
|
1月前
|
资源调度
JavaScript
前端开发
如何实现一个类似 vite 的脚手架并发布 npm
本文介绍了如何实现一个类似 Vite 的脚手架工具。通过详细解析和实践，文章分享了从零开始构建脚手架的过程，包括技术选型、开发步骤及发布 NPM 包的完整流程。最终目标是让用户能够通过 `yarn create electron-prokit myapp` 快速搭建 Electron 项目。项目源码可在 GitHub 上获取。
23
5
5
|
27天前
|
缓存
前端开发
JavaScript
前端架构思考：代码复用带来的隐形耦合，可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧！
最近，我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问，引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题，并提出减少不必要的依赖、重视模块设计等建议，以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历，强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
26
0
0
|
1月前
|
前端开发
JavaScript
开发工具
|
2月前
|
JavaScript
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量，创建一个空文件夹并使用VSCode打开，通过VSCode的终端执行`npm init vue@latest`命令以初始化项目，选择默认配置即可。接着安装项目依赖并启动开发服务器，最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
272
1
1
|
2月前
|
缓存
JavaScript
前端开发
8种方法解决vue创建项目报错：command failed: npm install --loglevel error
该文章提供了八种解决Vue项目创建时遇到的`command failed: npm install --loglevel error`错误的方法，包括清理缓存、更换npm源、重新安装Node.js等措施。
467
0
0
|
3月前
|
资源调度
JavaScript
API
Vue3+TS+Vite开发组件库并发布到npm
这篇文章介绍了如何使用Vue 3、TypeScript和Vite开发一个包含35个常用UI组件和8个API功能函数的组件库`vue-amazing-ui`，并将其发布到npm，同时提供了组件库的安装使用说明和在线预览。
100
2
2
|
3月前
|
缓存
资源调度
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` 安装使用。组件包括按钮、面包屑、卡片、日期选择器等，同时提供了日期格式化、节流、防抖等实用工具函数。项目结构清晰，支持按需加载，并提供了详细的文档与在线预览。
117
1
1
|
3月前
|
敏捷开发
缓存
Java
阿里云云效产品使用合集之如何配置流水线里的npm构建
云效作为一款全面覆盖研发全生命周期管理的云端效能平台，致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题，问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
88
0
0
|
4月前
热门文章
最新文章
1
npm install —— 从一个简单例子，看本地安装与全局安装的区别
2
[npm]使用(c)npm安装yarn
3
淘宝 NPM 镜像站切换新域名啦
4
GitHub 宣布正式收购 npm | 云原生生态周报 Vol. 42
5
npm使用指南
6
NPM 使用介绍
7
npm checkobj 模块
8
npm穿墙
9
使用npm发布自己包（详细教程）
10
Nodejs-nrm：快速切换npm源 / npm官方源和其他自定义源之间切换
1
发布第一个npm包的过程记录
77
2
nvm, node.js, npm, yarn 安装配置
289
3
nvm,npm,yarn相关指令，前端配置准备
54
4
npm指令
48
5
npm install 太慢？解决方法
6229
6
深入剖析NPM： Node包管理器的介绍和使用指南
82
7
使用npm install时遇到问题:npm ERR! code ERESOLVE
112
8
npm报错：npm ERR! code ECONNREFUSED npm ERR! errno ECONNREFUSED，npm ERR! npm ERR! If you are behind a
108
9
Node.js的包管理和npm工具深度解析
117
10
🚀自定义属于你的脚手架并发布到NPM仓库
250