【vite+Vue3项目的创建以及配置项】

最新推荐文章于 2024-05-29 09:03:33 发布

勤奋的代码搬运工

最新推荐文章于 2024-05-29 09:03:33 发布

阅读量566

点赞数 1

分类专栏：笔记 Vue 项目需求文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_51341210/article/details/125409239

版权

Vue 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

项目需求

16 篇文章 0 订阅

订阅专栏

笔记

13 篇文章 0 订阅

订阅专栏

vite+Vue3项目的创建以及配置项

== 注意： ==
这里需要先安装vite
npm create vite
yarn create vite

以下模块的都是用yarn进行安装下载的
1、创建项目名字为vue-project-name
yarn create vite vue-project-name --template vue
打开vue-project-name文件夹，进行安装模块yarn
然后yarn dev即可打开项目
2、对于修改打开的端口是3000的修改方式，可以直接在
package.json文件里直接修改

 "scripts": {
    "dev": "vite",
    "build": "vite build",
    "build:dev": "vite build"
  },

把"dev": “vite”,改为 “dev”: “vite --port 80”,

也可以通过对vite.config.js文件进行修改配置

  
  import vue from "@vitejs/plugin-vue";
  export default defineConfig({
  plugins: [
    vue(),
  ],
  server: {
    host: "0.0.0.0",
    port: 80,
  },
});