前端:安装node.js、配置环境、安装vue、安装yarn、常见错误

安装node.js

1.下载链接:
node.js下载官网

配置环境

推荐视频教程:node.js安装、环境变量配置
注意:
下面两行分别输入到控制台中,视频中UP主少打一个空格键,复制下面的就可以,双引号里是文件夹路径
npm config set prefix “D:\Node\node_global”
npm config set cache “D:\Node\node_cache”

总结

涉及到三个地方
1.文件夹:
需要新建2个文件夹:

  • 在安装目录路径下新建两个文件,分别命名为:node_global、node_cache

2.在终端中分别输入:
npm config set prefix “D:\Node\node_global”
npm config set cache “D:\Node\node_cache”

3.关掉cmd后,用管理员权限打开cmd:(同下面的安装vue步骤)
输入:npm install -g vue
前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第1张图片

4.配置环境变量,按照视频中的步骤即可

  • 用户变量—Path—D:\Node\node_global
    前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第2张图片
  • 系统变量
    前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第3张图片
    前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第4张图片

安装vue步骤

1.以管理员身份打开cmd控制台
2.输入: npm install -g vue
3.重启控制台
4.输入:node
5.输入: require(‘vue’)
出现下图说明环境配置成功,至此node.js安装完成
前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第5张图片

安装yarn

1.使用管理员权限打开cmd:
输入:npm install --global yarn
2.查看yarn是否安装成功:
输入:yarn -v
前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第6张图片

常见错误

1.需要通过管理员打开控制台
前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第7张图片
2.可以尝试更改安装目录路径文件夹权限:右键—属性
前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第8张图片
前端:安装node.js、配置环境、安装vue、安装yarn、常见错误_第9张图片

你可能感兴趣的:(vue.js,前端,node.js)