uniapp通过vite创建工程
时间: 2024-06-08 10:08:04 浏览: 113
要使用 Vite 创建 Uniapp 工程,您可以按照以下步骤进行操作:
1. 打开命令行,输入以下命令来创建一个 Vue3/Vite 工程:
```
npx degit dcloudio/uni-preset-vue#vite project
```
这将创建一个以 TypeScript 开发的 Uniapp 工程。
2. 如果您想创建一个以 JavaScript 开发的 Uniapp 工程,可以输入以下命令:
```
npx degit dcloudio/uni-preset-vue#vite my-vue3-project
```
这将创建一个以 TypeScript 开发的 Uniapp 工程。
请注意,这些命令需要您的计算机已经安装了 Node.js。如果您还没有安装 Node.js,请先进行安装。
通过以上步骤,您就可以通过 Vite 创建一个 Uniapp 工程了。希望对您有帮助!
相关问题
webstorm开发uniapp+vite+ts
以下是在WebStorm中开发uniapp+vite+ts的步骤:
1.创建一个新的uniapp项目,选择vite作为构建工具。
2.在项目根目录下创建一个vite.config.ts文件,用于配置vite。
3.在vite.config.ts文件中添加以下内容:
```typescript
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': '/src'
}
},
server: {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
})
```
4.在tsconfig.json文件中添加以下内容:
```json
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"moduleResolution": "node",
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
"exclude": ["node_modules"]
}
```
5.在APP.vue中添加以下内容:
```html
<template>
<router-view></router-view>
</template>
```
6.在main.ts中添加以下内容:
```typescript
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import store from './store/index'
import router from './router/index'
const APP = createApp(App)
APP.use(store)
APP.use(router)
APP.mount('#app')
```
Vue使用vite创建工程
Vue 3 是一个现代化的 JavaScript 框架,而 Vite 是一个面向现代浏览器的构建工具,可以快速地构建 Vue 项目。下面是在 Vue 3 中使用 Vite 创建工程的步骤:
1. 安装 Vue CLI
```
npm install -g @vue/cli
```
2. 使用 Vue CLI 创建 Vue 3 工程
```
vue create my-vue-app
```
3. 进入项目目录,安装 Vite
```
cd my-vue-app
npm install vite --save-dev
```
4. 修改 package.json 文件,添加 Vite 脚本
```json
"scripts": {
"serve": "vite",
"build": "vue-cli-service build"
}
```
5. 启动项目
```
npm run serve
```
这样就可以使用 Vite 快速构建 Vue 3 项目了。
阅读全文