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

使用npm构建vite+vue+ts项目的两种方式

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

前置条件：node安装正常

一、使用vite@latest

找到合适的文件夹路径，在命令行输入：

npm init vite@latest

输入项目名称

使用上下键选择框架

选择构建使用的语言 完成构建

命令行依次输入

 cd vite-hello
  npm install
  npm run dev


二、使用vue@latest

npm init vue@latest

关键词：
npm构建
npm项目
npm vite
npm vue项目
npm ts
米诺斯
目录
相关文章
Boale_H
|
2月前
项目打包报错“caniuse-lite is outdated. Please run next command `npm update`”的解决方案
项目打包报错“caniuse-lite is outdated. Please run next command `npm update`”的解决方案
Boale_H
88 1
米诺斯
|
4天前
npm构建vite项目
npm构建vite项目
米诺斯
7 2
米诺斯
|
6天前
|
小程序 JavaScript 开发者
微信小程序构建npm
微信小程序构建npm
米诺斯
14 4
JavaPub
|
16天前
|
JavaScript
vue npm启动报错-解决
vue npm启动报错-解决
JavaPub
15 4
G佳伟
|
5天前
|
JavaScript
vue npm install安装插件请求github过慢问题
vue npm install安装插件请求github过慢问题
G佳伟
9 0
向画
|
2月前
|
JavaScript Unix Shell
#! /usr/bin/env node 命令与 npm link 建立项目间软连接（一）
#! /usr/bin/env node 命令与 npm link 建立项目间软连接（一）
向画
36 0
雷霆半月斩掉你的板砖
|
2月前
message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra
message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra
雷霆半月斩掉你的板砖
198 0
小吴吴吴呀
|
2月前
|
JavaScript
Vue解决 npm -v 报错（一）
Vue解决 npm -v 报错（一）
小吴吴吴呀
20 0
游客4llb6htoixmxw
|
2月前
|
缓存 资源调度 JavaScript
Spartacus 2211 开发使用 npm，CCV2 上用 yarn 进行构建
Spartacus 2211 开发使用 npm，CCV2 上用 yarn 进行构建
游客4llb6htoixmxw
44 0
fruge365
|
2月前
|
网络安全 计算机视觉
【node】 npm install 报错：code 128
【node】 npm install 报错：code 128
fruge365
63 1

热门文章

最新文章

  • 1
    🚀自定义属于你的脚手架并发布到NPM仓库
  • 2
    npm报错：npm ERR! code ECONNREFUSED npm ERR! errno ECONNREFUSED，npm ERR! npm ERR! If you are behind a
  • 3
    Node.js的包管理和npm工具深度解析
  • 4
    使用npm install时遇到问题:npm ERR! code ERESOLVE
  • 5
    如何在 Ubuntu 20.04 上安装 Node.js 和 npm
  • 6
    npm install —— 从一个简单例子，看本地安装与全局安装的区别
  • 7
    淘宝 NPM 镜像
  • 8
    淘宝 NPM 镜像站切换新域名啦
  • 9
    [npm]使用(c)npm安装yarn
  • 10
    nodejs npm常用命令
  • 1
    npm install 报 npm ERR! cb()never called!的错误
    153
  • 2
    node版本与npm版本不对应的解决方案
    80
  • 3
    node与npm版本对应关系以及使用nvm管理node版本
    1004
  • 4
    【微信小程序】-- npm包总结 --- 基础篇完结（四十七）
    85
  • 5
    【微信小程序】-- 使用 npm 包 - API Promise化（四十二）
    75
  • 6
    【微信小程序】-- 使用 npm 包 - Vant Weapp（四十一）
    177
  • 7
    解决 npm install 报错的常见问题
    624
  • 8
    项目打包报错“caniuse-lite is outdated. Please run next command `npm update`”的解决方案
    88
  • 9
    Spartacus 2211 开发使用 npm，CCV2 上用 yarn 进行构建
    44
  • 10
    npm install 执行后打印的 reify rxjs timing... Completed in 30389 ms 是什么意思
    152

    • 相关课程

    更多
  • Vue.js 入门与实战
  • Node.js 入门教程文档
  • Vue.js完全自学手册图文教程
  • Node.js 入门与实战
  • 前端自动化构建工具 Webpack

    • 相关电子书

    更多
  • 基于webpack和npm的前端组件化实践
  • 基于FAAS构建NPM同步CDN
  • 利用编译将 Vue 组件转成 React 组件

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境

    • 推荐镜像

    更多
  • NPM
  • pypi
  • composer
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）