VUE3初学入门-01-安装环境

yuandll

已于 2025-03-11 12:15:35 修改

阅读量134

点赞数

分类专栏： VUE3初学入门文章标签： vscode vue3 elementui jfinal

于 2024-06-04 11:24:19 首次发布

本文链接：https://blog.youkuaiyun.com/farce/article/details/139215141

版权

2 篇文章

订阅专栏

这篇博客介绍了如何开始学习Vue3，首先确保安装了Node.js和npm，接着在VSCode中安装扩展并保存工作区。然后在指定目录创建项目，通过终端使用`create-vue`命令生成Vue3项目。最后，介绍如何在工作区添加项目，安装Vue，并实现自动刷新功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境

前置条件：安装nodejs

在这里插入图片描述

npm config set prefix "D:\Java\node-v22.14.0-win-x64\node_global"
npm config set cache "D:\Java\node-v22.14.0-win-x64\node_cache"

npm config get registry
npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

在自己的工作硬盘上，创建一个空目录，如TestVue3
菜单【文件】选择【将工作区另存为…】，保存到刚刚建立的空目录
在这里插入图片描述

菜单【终端】选择【新建终端】，默认会在Windows系统下的用户目录下，录入命令进入工作区并创建项目（如果没有安装过create-vue应用，系统会安装，前置是需要互联网）

C:\User\xxx>E:
E:\>CD .\_work\vsCodeWork\TestVue3\
E:\_work\vsCodeWork\TestVue3> npm create vue@latest

在这里插入图片描述

在这里插入图片描述

npm install

在这里插入图片描述

npm run dev

在这里插入图片描述

修改一个内容，看看结果。修改后保存即可，不用重新启动，页面自动刷新（如果不刷新，按F12，在网络页签选中【禁用缓存】并在浏览器刷新页面
在这里插入图片描述