使用vite创建vue项目

使用vite创建vue项目

    1、全局安装create-vite-app
        npm install create-vite-app -g
    2、创建项目目录
        cva projectName
        or
        create-vite-app projectName
    3、运行项目
        cd projectName
        npm install
        npm run dev
    4、访问项目
        http://localhost:3000/
    5、配置项目
        在package.json同级目录下添加vite.config.js文件，内容如下
        //自定义的打包的配置:
        module.exports = {
            //开发服务器的配置
            hostname: '127.0.0.1',
            port: 8888,
            open: true,
            // 是否开启 https
            https: false,
            // 服务端渲染
            ssr: false,
            /**
            * 在生产中服务时的基本公共路径。
            * @default '/'
            */
            base: './',
            /**
            * 与“根”相关的目录，构建输出将放在其中。如果目录存在，它将在构建之前被删除。
            * @default 'dist'
            */
            outDir: 'dist',
            // 反向代理
            proxy: {
                '/api': {
                    target: 'https://blog.csdn.net/weixin_45292658',
                    changeOrigin: true,
                    rewrite: (path) => path.replace(/^\/api/, ''),
                },
            },
        }