配置NODEJS环境变量

步骤:

一.下载Nodejs并安装

1在Nodejs文件夹下新建文件夹node_global和node_cache

2在node_globa文件夹下新建文件夹命名位node_modules

二.打开环境变量

1修改用户变量的path,删除npm默认路径,修改为node_global的路径

2在系统变量下新建变量名为NODE_PATH 路径为node_modules的绝对路径

3在系统变量PATH下增加nodejs的路径若已有默认路径则跳过

三.打开cmd(建议管理员身份)

执行命令 node -v 查看node是否配置成功

执行命令 npm -v查看npm是否配置成功

执行命令 npm config set prefix "XXXX\node_global" 

执行命令 npm config set cache "XXXX\node_cache"

执行命令 npm config set registry=https://registry.npm.taobao.org

执行命令 npm install vue -g 下载全局vue

执行命令 npm install @vue/cli 安装Vue

//清除缓存命令 npm cache clean --force

四、使用vscode建立vue文件

步骤:

打开vscode->打开file-->选择空白文件夹

在文件夹下方右键单击-->选择在终端打开

执行命令npm install -g vue-cli全局安装vue-cli

执行命令npm install -g webpack 安装webpack

执行命令vue init webpack myvue创建文件

切换到文件目录

npm run dev 启动项目

一、问题与解决方案

问题一:‘vue-tsc'不是内部或外部命令,也不是可运行的程序或批处理文件

方案步骤:

在C:\User\User目录下删除文件.npmrc

执行命令npm install

执行命令npm run serve 启动项目

问题二:初始化webpack时提示 Command vue init requires a global addon to be installed

方案步骤:执行命令npm install -g @vue/cli-init -verbose

问题三:在文件根目录下执行npm install报错npm ERR! errno -4048

解决方案:

在C:\User\User目录下删除文件.npmrc

用管理员权限打开cmd

注:4048的错误解决方式我一开始是用管理员权限打开cmd但有一个问题是我需要在项目下执行npm install 这就有了冲突,在C:\User\User目录下删除文件.npmrc或.cnpmrc即可在项目文件下执行npm install 命令,最后成功启动项目

问题四:'vue'不是内部或外部命令,也不是可运行的程序或批处理文件

解决步骤:

查看环境配置

执行命令 npm cache clean --force 清除缓存

执行命令 npm install @vue/cli -g重新安装脚手架

问题五:'node'不是内部或外部命令,也不是可运行的程序或批处理文件

解决方案:查看系统变量PATH下是否存在nodejs的绝对路径,没有则添加

问题l六:'tsc'不是内部或外部命令,也不是可运行的程序或批处理文件

解决方案:打开cmd 执行命令 npm install typescript -g