vue2.0的项目的搭建

一.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前端之旅啦!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值