"build": "vue-tsc --noEmit && tsc --noEmit && vite build", "preview": "vite preview" }, "dependencies": { "@postcss-plugins/console": "^0.2.5", "@vitejs/plugin-vue-jsx": "^2.0.1", "typescript": "^4.8.4", "vue": "^3.2.37", "vue-tsc": "^0.40.13" }, "devDependen...
('#app') + +export default rootApp diff --git a/02-vite4-vue3-ts/package.json b/02-vite4-vue3-ts/package.json index 33f79f18..ff548824 100644 --- a/02-vite4-vue3-ts/package.json +++ b/02-vite4-vue3-ts/package.json @@ -9,13 +9,14 @@ "preview": "vite preview" }...
"preview": "vite preview" 这个命令用于启动Vite的预览服务器,它通常用于本地预览构建的应用程序。 "build-only": "vite build" 这个脚本使用Vite构建应用程序。它是生产环境下的构建过程,会对代码进行打包和优化。 "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false" 这个脚本使用vue...
"preview": "NODE_ENV=production esno src/ssr-server/index.ts" }, } 其中,项目中需要用到两个额外的工具,给大家解释一下:nodemon: 一个监听文件变化自动重启 Node 服务的工具。esno: 类似 ts-node 的工具,用来执行 ts 文件,底层基于 Esbuild 实现。 我们先安装这两个插件: npm i esno nodemon -D ...
{ + "dev": "vite", + "build": "run-p type-check build-only", + "preview": "vite preview", + "build-only": "vite build", + "type-check": "vue-tsc --noEmit" + }, + "dependencies": { + "axios": "^1.4.0", + "dayjs": "^1.11.8", + "element-plus": "^2.3.6"...
接下来依次通过build:xxx先打包后再通过preview预览打包,结果与上面一致,浏览器输出的 MODE 与命令中--mode指定的值一致。 2 环境文件(.env) Vite 使用dotenv从环境文件目录中加载环境文件,默认情况下,环境文件目录为项目的根目录,即把环境文件放在项目根目录下。在 vite 中,可以通过配置envDir属性指定环境文件目录...
preview: { port: 5000, // 指定开发服务器端口 strictPort: true, // 若端口已被占用则会直接退出 https: false, // 启用 TLS + HTTP/2 open: true, // 启动时自动在浏览器中打开应用程序 proxy: { // 配置自定义代理规则 '/api': {
"preview": "vite preview" }, "dependencies": { "vue": "^3.3.4" }, "devDependencies": { "@vitejs/plugin-vue": "^4.2.3", "typescript": "^5.0.2", "vite": "^4.4.5", "vue-tsc": "^1.8.5" } } 我们挑几个重要的说一说 ...
"name": "vue-ts-app", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc && vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.3.11" }, ...
App.vue create mode 100644 src/Editor.tsx create mode 100644 src/EditorModal.vue create mode 100644 src/assets/base.css create mode 100644 src/assets/h5-preview.svg create mode 100644 src/assets/logo.svg create mode 100644 src/assets/main.css create mode 100644 src/assets/pc-preview.svg ...