- 安装Vue
- 安装nodejs, 地址:https://nodejs.org/en
下载后直接安装。
安装后重新打开命令行工具,输入 node -v
- 安装nodejs, 地址:https://nodejs.org/en
PS C:\Users\zcl36> node -v
v20.10.0
2. 安装vue包
npm install -g @vue/cli
安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。
你还可以用这个命令来检查其版本是否正确:
PS C:\Users\zcl36> vue --version
@vue/cli 5.0.8
- 创建Vue项目
运行以下命令来创建一个新项目:
vue create hello-world
- 启动Vue
npm run serve
之后打开“ http://localhost:8080/”这个网址,就可以看到vue界面了。
- 安装vscode 对应插件。
- Auto Rename Tag。自动更改结束标签。
- Live Server:自动搭建本地服务器。
- Vetur:vue组件格式支持。
- vscode-icons:美好vscode中的文件图标。