vue项目开发环境搭建配置

本文详细介绍了如何搭建Vue的开发环境,包括安装Node.js、npm、cnpm和Visual Studio Code(VSCode)。特别强调了在Win7系统中安装指定版本的Node.js,以及解决npm安装缓慢的问题。此外,还指导了如何配置VSCode,安装汉化插件,并通过cnpm安装vue-cli。最后,演示了使用vue-cli创建项目并启动服务的过程。
摘要由CSDN通过智能技术生成

我们知道要想编程入门,第一步必须有配置好的环境才可以。
就像樵夫如果想砍柴就需要准备好斧子和绳子一样。所以我们如果想开发vue也必须有相关的开发环境。
我们需要配置的环境为
nodejs
npm
cnpm
vscode(Visual Studio Code)

我们先说nodejs
官网网址
https://nodejs.org/

在这里插入图片描述
我们可以看到现在有推荐和最新的版本,我们一般下载推荐版本。
但是有些特殊情况我们需要下载以前的历史版本,
例如我们的电脑不是win10 的。有些新的版本 用不了。需要用以前的版本例如win7 电脑推荐安装 12.13.0 版本
在这里插入图片描述
查找以前的版本步骤如下
1.点击download
在这里插入图片描述
2.进入下载界面
在这里插入图片描述
3.然后我们往下拉,点击历史版本
在这里插入图片描述
4.会列出现有的历史版本
在这里插入图片描述
5.然后沃恩点击版本对于的download
然后点击我们符合的要下载的操作系统和本本
在这里插入图片描述
这里我们下载64位数的安装包信息
6.下载出来以后这样的
在这里插入图片描述

7.点击开始安装阅读安装说明
在这里插入图片描述

在这里插入图片描述
8.选择安装的路径
在这里插入图片描述
9.点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)
在这里插入图片描述
10.是否选择额外项,我们选择默认不选择
在这里插入图片描述

11开始安装
在这里插入图片描述

在这里插入图片描述
12 .安装完毕
在这里插入图片描述

13.打开cmd 输入命令查看我们是否安装成功了
查看node版本的命令 安装node 会自动安装npm 。

node -v
npm -v

在这里插入图片描述
如果出现版本号码,就表示安装成功了nodejs。

查看全局包位置: 
C:\Users\Administrator>npm root -g
查看包的依赖关系 :
C:\Users\Administrator>npm view npm dependencies
查看npm基本配置命令:
C:\Users\Administrator>npm config list

在这里插入图片描述
在这里插入图片描述

  1. 完成之后我们准备安装编辑器 vscode
    vscode 官网网址:
    https://code.visualstudio.com/
    我们点击download 开始下载安装包,现在会自动判断电脑的类型自己下载正确的安装类型
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值