windows安装部署node.js以及搭建运行第一个Vue项目
在Windows上安装Node.js和搭建第一个Vue项目的步骤如下:
安装Node.js
- 访问Node.js官方网站:https://nodejs.org/
- 下载Windows版本的Node.js安装包
- 运行安装包,按照提示完成安装
- 打开命令提示符或PowerShell,输入
node -v
和npm -v
检查Node.js和npm是否正确安装
设置npm镜像(可选,提高模块下载速度)
- 输入命令
npm config set registry https://registry.npm.taobao.org
- 输入命令
安装Vue CLI
- 输入命令
npm install -g @vue/cli
全局安装Vue CLI - 检查Vue CLI是否安装成功:
vue --version
- 输入命令
创建一个新的Vue项目
- 选择一个目录创建项目
- 输入命令
vue create my-vue-project
,其中my-vue-project
是你的项目名 - 遵循命令行提示完成项目创建
运行Vue项目
- 切换到项目目录:
cd my-vue-project
- 启动开发服务器:
npm run serve
- 在浏览器中打开
http://localhost:8080/
,你应该能看到Vue项目的欢迎页面
- 切换到项目目录:
以下是相关的命令示例:
# 安装Node.js和npm
node -v
npm -v
# 设置npm镜像(可选)
npm config set registry https://registry.npm.taobao.org
# 安装Vue CLI
npm install -g @vue/cli
vue --version
# 创建一个新的Vue项目
vue create my-vue-project
# 进入项目目录并启动开发服务器
cd my-vue-project
npm run serve
以上步骤和命令将帮助你在Windows环境下安装Node.js,并创建和运行你的第一个Vue项目。
评论已关闭