配置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