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

---

环境

前置条件：安装nodejs

• 下载Windows 二进制文件 (.zip) 64位，解压到指定目录（这里解压到D:\JAVA目录下）
  将目录添加到环境变量中

• 目录下增加两个文件夹

• 修改目录位置

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

VSCode安装扩展

保存工作区

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

创建项目

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

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

工作区添加项目

安装vue

npm install

运行

npm run dev

修改内容

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