28网站怎么做代理,建湖做网站需要多少钱,wordpress 登录地址,做的丑的网站有哪些知乎兼容性注意#xff1a; Vite 需要 Node.js 版本 18 或 20。然而#xff0c;有些模板需要依赖更高的 Node 版本才能正常运行#xff0c;当你的包管理器发出警告时#xff0c;请注意升级你的 Node 版本。【摘抄自vite官网】 这里我用的node版本是 v18.20.2
创建项目#xf… 兼容性注意 Vite 需要 Node.js 版本 18 或 20。然而有些模板需要依赖更高的 Node 版本才能正常运行当你的包管理器发出警告时请注意升级你的 Node 版本。【摘抄自vite官网】 这里我用的node版本是 v18.20.2
创建项目
创建项目我们可以使用npm、yarn、pnpm、bun
npm create vitelatestyarn create vitepnpm create vitebun create vite这里我要用pnpm 使用 npm install -g pnpm 就可以全局安装pnpm哈小伙伴们 ok
输入项目名字
这里我输入的是 platform
选择框架
我需要写的项目为vue3项目所以我这里选择vue。【上下左右箭头的上下控制选择然后回车】
选择语法
该项目是基于vue3的当然选择我们的官配–TS闪亮登场 这样一个项目就初步搭建好了是不是很简单呢 接着我们使用他的提示来运行项目 在浏览器的效果如下
查看项目 从package.json文件中我们可以看到运行、打包命令安装的依赖等相关内容。 vite 将静态页面放置在了根目录下面而 vue cli 将静态页面放置在了 public 当中。 一般配置代理跨域在vite.config.js文件中
删除不必要文件 入口文件main.ts删除style.css 删除App.vue内部不必要内容 删除component目录下的组件HelloWorld组件 删除里面的assets/vue.svg文件 tsconfig.app.json飘红的关掉vscode重新打开就ok了。遇到飘红别心急拍个照发个圈。保持好~ 心 ~ 态 ~摆pose 于是你得到了一个非常干净的vue项目【干净的像你和你女神的聊天框一样邪恶的笑】
.vscode文件作用
难道真的没有人好奇过.vscode 是揍嘛的吗 没有好奇过的去站到墙边反思学习不爱思考 .vscode文件夹是Visual Studio CodeVSCode编辑器的一种配置文件主要用于自定义编辑器的行为、工作区设置以及特定语言的工作空间扩展。它通常出现在项目根目录下包含多个配置文件如settings.json、extensions.json、launch.json、tasks.json等这些文件共同定义了项目的开发环境、调试配置、任务管理等。 好官方好可怕你36℃的文字怎么还是如此冷冰冰。ok~fine看不懂没关系反正偶尔用的也就是你最熟悉的settings.json。而settings.json是用来里存储项目级别的VSCode设置覆盖用户级别的设置如代码格式化工具、文件关联等。 博主有感而发学习在于思考没事多看官网
