centos 安裝node

 

 

 

 

下載

yum install gcc gcc-c++
wget https://npm.taobao.org/mirrors/node/v10.14.1/node-v10.14.1-linux-x64.tar.gz

 

解壓

tar -xvf  node-v10.14.1-linux-x64.tar.gz
ls
mv node-v10.14.1-linux-x64 node   #重命名

 

建立軟連接  #注意node的具體目錄

ln -s -i /opt/node/bin/node /usr/bin/node
node -v
ln -s -i /opt/node/bin/npm /usr/bin/npm
npm -v

 下載cnpm,cnpm下載包快一點

npm install -g cnpm --registry=https://registry.npm.taobao.org
設置軟連接
ln -s -i /opt/node/bin/cnpm /usr/bin/cnpm

 

 

此時查看node, npm, 的位置

which node   // 查看node的安裝目錄
which npm   // 查看npm的安裝目錄
npm root -g // 查看全局包的安裝目錄
npm list -g --depth 0 //查看全局安裝過的包

 

全局安裝和局部安裝

局部安裝

npm install <pageName> (后面可以加幾種修飾符，主要有兩種--save-dev和--save)


npm install <pageName>  -save-dev     //保存到開發依賴   devDependencies
 

npm install <pageName>  --save      ///保存在生產依賴   dependencies

 

 

 

 

 

此時創建vue項目需要下載vue , webpack

cnpm  install vue@版本號  -g  #全局安裝

 

設置軟鏈

ln -s -i /opt/node/bin/vue /usr/bin/vue

安裝webpack

webpack3

-- npm install webpack -g  全局安裝


-- webpack  <要打包文件>  <打包后文件>     全局這種方式進行打包
-- npm install webpack   在自己的項目下 npm init 后在下載webpack 這就是局部安裝
-- node_modules/.bin/webpack <要打包文件>  <打包后文件>   項目里要打包文件是入口文件
-- 路徑太長 太煩 可以自定義命令  在package.json 文件的 scripts下面自定義

 

webpack41, webpack不在單獨使用，需要webpack-cli

　　-- 全局安裝  npm install webpack webpack-cli -g -D 　　-- 局部安裝  npm install webpack webpack-cli -D

 2, 增加了模式區分 （development, production） 　　--webpack --mode development/production 進行模式切換 　　-- development 開發者模式 打包默認不壓縮代碼 　　-- production 生產者模式 上線時使用，壓縮代碼。 默認是這個模式

 3，固定入口目錄為src，與入口默認文件index.js，打包后文件在新增的dist目錄下
 　　-- 當只有一個入口文件也就是src/index.js時，無需增加webpack.config.js

 

安裝vue -cli

　-- 1，使用npm全局安裝vue-cli 
　　　　　　npm install -g vue-cli

　　-- 2, 安裝完成后在自己的工作空間里
　　　　　　vue init webpack vue-demo  
　　　　輸入命令后進入安裝階段，需要用戶輸入一些信息 這里省略了.....

　　-- 3，切換到我們的項目目錄下 
　　　　　　cd vue-demo
　　　　　　npm run dev