[toc]
網(wǎng)上安裝教程五花八門收班，不可否認都有效果，但是強迫癥的我拼苍，喜歡知其所以然和最小安裝贬芥，于是出現(xiàn)本篇博客吐辙。
安裝和卸載 nodejs
Mac 安裝 node 和 npm
使用 brew 安裝 node
brew install node
或者
brew install nodejs
因為 node 和 nodejs 都是 alias 到 node 的 github 庫上，所以沒有任何區(qū)別蘸劈。
node -v
v10.0.0
npm -v
5.6.0
驗證是否安裝成功昏苏。
權(quán)限設(shè)置
$ 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}給當(dāng)前用戶讀寫npm相關(guān)目錄的權(quán)限。
或者開放所有用戶權(quán)限，不建議：
sudo chmod -R 777 /usr/local/lib/node_modules/
安裝 淘寶鏡像 （npm）
由于國內(nèi)的和諧環(huán)境贤惯，一般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模板創(chuàng)建項目
vue init webpack-simple 工程名字<工程名字不能用中文>
如下：
vue init webpack-simple demo1
image
安裝項目依賴
npm install
安裝 vue 路由模塊vue-router和網(wǎng)絡(luò)請求模塊vue-resource
npm install vue-router vue-resource --save
啟動項目
npm run dev
打包發(fā)布
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
官網(wǎng)下載pkg安裝包的
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
其他路子安裝的
搞一個腳本孵构，把需要刪除的文件屁商，一梭子全干掉
內(nèi)容如下，命名為：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包會有很多軟連接蜡镶，需要仔細刪除，個人表示作為強迫癥患者精盅，得檢查好幾遍.
