1、安装 Node.js 和 npm
访问 Node.js 官网 下载并安装最新的 LTS 版本。
安装完成后,打开命令行工具,
输入 node -v 和 npm -v 检查安装是否成功。
node -vnpm -v
如下图:
2、安装 Vue CLI
在命令行工具中输入以下命令安装 Vue CLI:
npm install -g @vue/cli
安装完成后,输入 vue --version 检查 Vue CLI 是否安装成功。
vue --version
如果出现异常,vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。
打开管理员终端,输入以下指令(签名或运行这些脚本)
set-ExecutionPolicy RemoteSigned
再次输入指令,vue --version
3、创建 Vue 3 项目
使用 Vue CLI 创建一个新的 Vue 3 项目:
在自己的指定文件夹中打开终端
vue create my-project
选择 Vue 3 版本,并根据提示完成项目配置。
安装完成后如下图
4、启动开发服务器
进入项目目录:
cd my-project
启动开发服务器:
npm run serve
打开浏览器,访问 http://localhost:8080 查看项目运行情况。
如下图:
5、安装 VS Code(可选)
下载并安装 Visual Studio Code 作为代码编辑器。
安装 Vue.js 插件以获得更好的开发体验。