nodeJs初学记录:安装、卸载,安装全局工具、项目依赖、vue devtools

最近开始学习一点前端的东西,首先就是公司正在使用的nodeJs,过程中有遇到一些问题,于是就将基本过程做个记录,以便后续巩固。

一.Nodejs安装;

除了选择安装目录以外,基本是下一步式的安装
参考:https://www.cnblogs.com/zhouyu2017/p/6485265.html

二.卸载

由于第一次安装的时候,装了一个很旧的版本,于是就需要卸掉重装了呗~那么就遇到一个问题:如何彻底卸载windows环境的nodejs这个过程,本人在卸载过程,可谓踩了很多坑啊,一度都想放弃了对前端的学习了。。。不过,功夫不负有心人嘛,经历了一系列尝试以后,终于成功了!现将过程记录如下:

1 先在控制面板-卸载工具,进行直接卸载;
2 删掉之前安装的文件目录;
3 从任务管理其中关掉有关nodejs的进程;
4 删除如下目录的文件:
1)C:\Program Files (x86)\Nodejs
2)C:\Program Files\Nodejs
3)C:\Users\{User}\AppData\Roaming\npm(或%appdata%\npm)
4)C:\Users\{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

当然根据你安装的版本,有些文件夹下可能会没有(我在卸载的时候,主要是没有想到后两个文件的删除,所以一直卸载不成功);

5 删掉环境遍历中关于nodejs手动或自动配置的环境变量内容;
6 如果仍然没有卸载,请where node在命令提示符下键入,您将看到它所在的位置 - 删除(也可能是父目录)
7 重新启动,你会发现,再次安装已经不会受影响了
三.安装全局工具 npm install -g vue-cli
1 执行npm install -g vue-cli时,
错误1:Please try running this command again as root/Administrator.

貌似时关于权限的问题,那么解决办法则是:
通过管理员的权限进行安装:

1)搜索cmd,右键以管理员的方式打开;
2)然后进入nodejs目录下 ,重新执行改命令即可;
错误2:npm err! registry error parsing json

跟registy有关系,那么,就从registy入手了:

1)执行npm config list

这里写图片描述
明显,是我安装了淘宝镜像,

2)执行npm config delete registry,再执行npm config list,没有了;
3)再次执行npm install -g vue-cli进行全局安装,ok,成功。
四、安装项目依赖:npm install
在项目下执行 npm instal,出现错误:npm ERR! code ENOLOCAL Could not install from “” as it does not contain a package.json file.

解决方式:

1)删掉项目下的node_modules;
2) 重新新npm install即可解决。
五.安装vue devtools步骤:

在前端使用F12来调试代码,是一件特别方便的事情,而从指点我前端的同事口中了解到,原来谷歌浏览器有专门的vue调试工具插件vue devtools,以下则是我安装的过程:

1)git clone https://github.com/vuejs/vue-devtools.git
2)npm install 安装项目所需要的npm包
3)npm run build 编译项目文件
4)添加至chrome游览器 : a 更多工具-》扩展程序-》勾选开发者模式 b 选择项目shell下的chorm文件夹即可

猜你喜欢

转载自blog.csdn.net/wangjie919/article/details/80881766
今日推荐