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