nodejs和npm安装和配置

常见问题：

下载文件速度慢，走国外代理IP，提高下载速度：1.购买VPN  2.免费VPN 3.自搭代理服务器

node_moudles 这个文件目录路径太深，会产生，无法删除的时候（Windows）

 

• 下载nodejs 10.x ，安装
• nodejs配置

• 配置环境变量

1.nodejs环境变量

PATH="nodejs"

PATH="nodejs\node_global"

2.git环境变量

PATH="git\bin"

 

• 配置node_global

npm config set prefix "./node_global"

• 配置node_cache

npm config set cache "./node_cache"

• 配置镜像站

npm config set registry=http://registry.npm.taobao.org

• 安装cnpm

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

 

该npm config命令体现在这个文件中：C:\Users\Administrator\.npmrc

 

 

• npm常用命令

npm init  //初始化项目(生成package.json)
npm install  (-g)  //添加依赖
npm uninstall (-g) //删除依赖
npm update (-g)  //更新依赖
npm run (dev，build，start,test)  //运行脚本
npm test   //测试模块
npm start  //启动模块
npm stop  //停止模块
npm restart //重新启动模块
npm publish //发布模块

 

 

• 安装vuejs依赖及生成demo

npm install vue -g  //安装vuejs依赖
npm install vue-router -g
npm install vue-cli -g //vue脚手架
/**创建目录，初始化项目**/
mkdir vue-test-demo
vue init webpack vue-test-demo
cd vue-test-demo
npm install
npm run dev
//访问地址
http://localhost:8080
//用webstorm打开即可

 

 

• react依赖安装及demo生成

npm install vue -g  //安装vuejs依赖
npm install vue-router -g
npm install vue-cli -g //vue脚手架
/**创建目录，初始化项目**/
mkdir vue-test-demo
vue init webpack vue-test-demo
cd vue-test-demo
npm install
npm run dev
//访问地址
http://localhost:8080
//用webstorm打开即可

 

 

 

• nodejs项目demo生成

 

mkdir nodejs-test-demo
cd nodejs-test-demo
npm init
[一直回车确认]
用webstorm打开即可

 

 

• express项目的生成

npm install -g express
npm install -g express-generator
express express-test-demo
npm install
npm start
[用webstorm打开即可]

//项目目录说明
bin, 存放启动项目的脚本文件
node_modules, 存放所有的项目依赖库。
public，静态文件(css,js,img)
routes，路由文件(MVC中的C,controller)
views，页面文件(Ejs模板)
package.json，项目依赖配置及开发者信息
app.js，应用核心配置文件

http://localhost:3000

 

 

 

 

• nodejs创建一个angular js demo

npm install -g @angular/cli
ng new angular-test-demo --routing  //创建项目
cd angular-test-demo  
npm install  //安装依赖
npm run start  //运行项目
http://localhost:4200