最近开始学习一点前端的东西,首先就是公司正在使用的nodeJs,过程中有遇到一些问题,于是就将基本过程做个记录,以便后续巩固。
一.Nodejs安装;
除了选择安装目录以外,基本是下一步式的安装
参考:https://www.cnblogs.com/zhouyu2017/p/6485265.html
<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
<https://github.com/vuejs/vue-devtools.git> 2)npm install 安装项目所需要的npm包 3)npm
run build 编译项目文件 4)添加至chrome游览器 : a 更多工具-》扩展程序-》勾选开发者模式 b 选择项目shell下的chorm文件夹即可
热门工具 换一换