一.node.js的安装

1.下载地址:Node.js (nodejs.org)

2.检查是否安装完成

  • node -v 来检查是否安装完成,安装完成会显示安装版本。如我的v18.12.0

二.配置vue环境

1.安装

  • npm install -g @vue/cli 安装    将cli安装到全局   (-g:安装到全局)
  • npm install -g @vue/cli-init      同理
  • npm install -g webpack           同理

2.创建vue2.0项目

创建命令:vue init webpack 项目名(此时在什么地址创建后就在这个地址创建了一个项目!!)

 另外请一定用管理员方式进入命令提示符!!!不然就会这样↓↓↓

 命令提示符管理者:直接点击你的左下方Windows图标有一个搜索,搜索命令提示符鼠标右击管理员身份运行即可。成功就像这样↓↓↓

 3.命令提示符创建vue2.0项目

比如你想要创建到桌面的c盘demo文件夹,直接cd C:\Users\xxxx\Desktop\demo 然后创建:vue init webpack 项目名

如果在命令提示符在c盘而你要在D盘就在命令提示符里面   d:   即可转到D盘,后续如上。

4.创建的选择

 一路回车,有tests的两个选n回车。如上图。

5.创建完成

在按提示输入即可 

 按照给的地址进入即可

 

就可以开始你的web前端之旅啦!!!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐