Vue3项目搭建(初)
具体的可以去vue3官网进行查看,另外也可参考博客vue3 项目搭建教程(基于create-vue,vite,Vite + Vue)
确保你安装了最新版本的 Node.js,参考NVM安装和node的配置(记录),并且你的当前工作目录正是打算创建项目的目录。在命令行中运行:npm create vue@latest, 需要node中已经下载了 create-vue
为了后期的灵活一直选择否
“Add Vue DevTools extension for debugging (experimental)”这个选项是一个实验性的功能,用于在开发环境中添加Vue DevTools扩展,以便于调试Vue.js应用程序。Vue DevTools是一个浏览器开发者工具扩展,它提供了一系列有用的功能,帮助开发者更轻松地检查、分析和调试Vue组件及其状态。安装可参考
安装完成可在相关路径下看包代码
vscode运行项目
相关目录
使用npm install(更新依赖)和npm run dev来运行项目
浏览器输入显示的路径,查看是否运行成功
运行自动启动浏览器配置
项目目录
参考vue2的目录结构