vue3 搭建环境流程
发布网友
发布时间：2024-10-02 13:41
共1个回答
热心网友
时间：2024-10-19 06:12
注意：服务启动时如果出现任何问题，请先检查node版本，使用nvm ls查看版本，然后使用nvm use 版本号切换node版本。
vite支持动态导入，可以直接执行代码。而cli需要配置.babelrc或babel.config.js。
vite服务启动时不会自动加载环境配置文件（.env），需要手动在vite.config.js中进行配置。
如果需要配置路径别名（如配置工作区中的src目录为@），需在导入path模块后，在vite配置中进行设置。
对于使用较低版本的vite，需要在设置别名前先进行配置。
如果需要在手机上测试使用vite搭建的项目，但vite默认绑定在本地localhost上，可以在手机上配置以下配置项以实现局域网访问。
总的配置写法如下：
3：使用vite配置vue-router
先安装vue-router 4版本以兼容vue3，然后在src目录下创建router文件夹，并在该文件夹下创建index.js，用于配置路由规则。
配置完路由规则后，需要将router导出，并在main.js文件中使用vue.use方法引入vue-router插件。
需要注意的是，在App.vue（顶级组件）中需要放置router-view入口。
4：使用vite配置pinia
在main.js中使用pinia插件。
在工作区的src目录下创建一个store文件夹，并在该文件夹下创建store.js文件（store名称可自定义），然后在页面组件中通过导入使用。
3和4的总写法如下：
main.js
router/index.js
store/exampleStore.js
