Vue使用vite创建工程
时间: 2023-12-23 12:45:35 浏览: 51
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 项目了。
相关问题
uniapp通过vite创建工程
要使用 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 工程了。希望对您有帮助!
vite创建的vue工程Network: use --host to expose,如何设置可以让外网访问
在vite创建的vue工程中,可以通过设置`--host`参数来让外网访问。具体步骤如下:
1. 打开终端,进入你的vue工程目录。
2. 输入以下命令启动本地服务:
```
npm run dev -- --host your_ip_address
```
其中,`your_ip_address`是你的IP地址,可以通过在终端中输入`ipconfig`(Windows)或者`ifconfig`(Mac/Linux)来查看。
3. 如果你是使用`yarn`来管理依赖的话,也可以使用以下命令启动本地服务:
```
yarn dev --host your_ip_address
```
这样设置之后,你就可以通过IP地址访问你的vue工程了。如果还有其他问题,欢迎提出。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)