创建Vue项目

安装node

官网:

https://nodejs.org/en/download/

创建Vue项目_第1张图片

安装的过程没有什么需要注意的,可以把安装路径调整一下。

使用以下命令查看 node 的版本 v20.10.0 ,验证是否安装成功。

node -v

创建Vue项目

在存放项目的目录下打开cmd,输入以下命令。

npm init vue@latest

项目的名称不要出现大写字母,项目的存放路径最好不要有中文。 

创建Vue项目_第2张图片

运行Vue项目

根据提示运行项目

项目构建完成,可执行以下命令:

  cd vue-demo
  npm install
  npm run dev

创建Vue项目_第3张图片

复制访问路径,在浏览器打开。

创建Vue项目_第4张图片

你可能感兴趣的:(其他内容,node,vue3,前端)