美文网首页
win10 和 Mac 安装和卸载 nodejs vue.js

win10 和 Mac 安装和卸载 nodejs vue.js

作者: inke | 来源:发表于2018-05-07 20:15 被阅读700次

[toc]
网上安装教程五花八门,不可否认都有效果,但是强迫症的我,喜欢知其所以然和最小安装,于是出现本篇博客。

安装和卸载 nodejs

Mac 安装 node 和 npm

使用 brew 安装 node

brew install node

或者

brew install nodejs

因为 nodenodejs 都是 aliasnodegithub 库上,所以没有任何区别。

node -v
v10.0.0

npm -v
5.6.0

验证是否安装成功。

权限设置

$ npm config get prefix
/usr/local
$ sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

npm config get prefix是用来找到npm的目录
sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}给当前用户读写npm相关目录的权限。

或者开放所有用户权限,不建议:

sudo chmod -R 777 /usr/local/lib/node_modules/

安装 淘宝镜像 (npm)

由于国内的和谐环境,一般npm安装需要淘宝镜像,安装需要的安装包速度快很多.
可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了:

cnpm install [name]

npm都可以换成cnpm

安装打包工具

安装webpack

npm install webpack -g

安装vue

安装vue脚手架

npm install vue-cli -g

基于 webpack模板创建项目

vue init webpack-simple 工程名字<工程名字不能用中文>
如下:

vue init webpack-simple demo1
image

安装项目依赖

npm install

安装 vue 路由模块vue-router和网络请求模块vue-resource

npm install vue-router vue-resource --save

启动项目

npm run dev

打包发布

npm run build

Windows 安装 node 和 npm

安装node

下载地址
检验成功安装

C:\Users\inke>node -v
v8.11.1

C:\Users\inke>npm -v
5.6.0

其他方式和mac一样。

Mac 卸载 node 和 npm

homebrew安装的

brew uninstall node

官网下载pkg安装包的

sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

其他路子安装的

搞一个脚本,把需要删除的文件,一梭子全干掉
内容如下,命名为:uninstallnode.sh

#!/bin/bash
lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \
| while read i; do
  sudo rm /usr/local/${i}
done
sudo rm -rf /usr/local/lib/node \
     /usr/local/lib/node_modules \
     /var/db/receipts/org.nodejs.*

chmod 777 uninstallnode.sh

清除软连接

删除文件/usr/local/lib/node_modules/,比较繁琐的操作是 /usr/local/lib/usr/local/bin 这两个文件夹,全局安装的npm包会有很多软连接,需要仔细删除,个人表示作为强迫症患者,得检查好几遍.

相关文章

网友评论

      本文标题:win10 和 Mac 安装和卸载 nodejs vue.js

      本文链接:https://www.haomeiwen.com/subject/oazvrftx.html