配置Node.js,安装Vue-cli

1. 在官网下载安装完Node.js后,通过cmd命令查看是否安装好,npm是一个软件包管理工具,随着Node.js一起安装在电脑里

node -v
npm -v

在这里插入图片描述

2. 安装Node.js淘宝镜像加速器,提升下载速度,-g代表全局有效

npm install cnpm -g

在这里插入图片描述
出现上述问题,可能是之前安装过,所以可以采取以下两种方法之一:

  • 要清除之前的缓存,删除C:\Users\“用户名”\AppData\Roaming下的npm和npm-cache文件夹再尝试安装
  • 直接在cmd窗口执行npm config set registry https://registry.npm.taobao.org ,更换淘宝的源
    然后继续下载

3. 下载vue-cli

cnpm install vue-cli -g

在这里插入图片描述

4. Vue-cli安装完毕

5. 第一个Vue程序

  1. cmd进入命令控制板
  2. cd 进入想要创建vue程序的目录下
  3. 通过vue命令创建webpack项目,项目名为Myvue
vue init webpack Myvue
  1. 项目选择,基本都为no
    在这里插入图片描述
  2. 查看生成的文件myvue文件夹属性,一般包含23个文件
  3. 进入文件加
cd myvue
  1. 安装所有依赖环境
npm install
  1. 安装完毕,可以看到myvue文件夹大了很多,
    在这里插入图片描述
  2. 如果发现安装完毕的命令行,有报错,可以按照命令行提供的语句进行修复
  3. 启动该项目
npm run dev

在这里插入图片描述

  1. 在浏览器访问
    在这里插入图片描述
  2. 在启动界面,Ctrl+C 就可以停止项目
    在这里插入图片描述
    在这里插入图片描述

tips:
  1. dos命令
    cd /d 路径
    可以实现跨盘进入指定文件夹
    在这里插入图片描述
  2. 要想在IDEA里面运行 vue run dev 命令,可以打开IDEA的安装目录,给予管理员权限
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值