Node.js开发平台在本地安装与部署项目

Node是一个让 JavaScript 运行在服务端的开发平台;可以使前端项目在本地进行编译与部署并通过浏览器访问;

写作初衷:在百度上下载的人人开源(renrenfast)项目是一个前后端分离的项目,需要用到nodejs编译部署运行;

此前后端项目都在本地同时运行时我的环境:

1.系统:win10;
2.软件:idea2019开发工具;Python2.7;node.js12.16.0;
3.插件:jdk1.8;maven3.3.3;

下面分为软件下载;安装;配置环境变量;编译项目;启动项目;

下载nodejs:

1.分为外网和国内网站:
  国内:http://nodejs.cn/
  国外:https://nodejs.org/en/
2. 下载:
  国内:
  1.点击当前页面的下载

Nodejs中文网首页
  2.选择与自己电脑系统一致的文件,我是win10,选择.msi格式文件,点击即可下载;
  Nodejs中文网下载软件页面
  
  
  国外:与国内网站安装步骤一致
  1.点击当前页面download;并选择相应系统的文件下载;
  国外网站Nodejs首页
  国外网站Nodejs下载页面

安装:

我是在除系统盘外的盘新建文件夹专门放软件,软件的安装位置又是新建的统一文件夹;方便整理;
1.软件文件位置
nodejs软件下载位置
2.双击运行;一路点击next;首页next会晚出现,因为先计算磁盘空间;
nodwjs安装首页
3.安装完成后,打开cmd命令提示符窗口;输入node -v 与 npm -v,会得到以下信息
在这里插入图片描述

4.我的安装位置
nodwjs安装位置

至此安装完成,下面配置环境变量;

配置环境变量:

1.因为node在执行安装依赖时会下载一个全局包,默认路径是:C:\Users\Administrator\AppData\Roaming\npm\node_modules 下;我们需要改掉这个路径,防止占用C盘空间;我是在node的安装包里新建了两个文件夹
  node_global 全局包d的下载存放文件夹
  node_cache 存放node缓存的文件夹
打开cmd执行命令:

npm config set prefix "D:\02-directory\02-nodejs\node_global"
npm config set cache "D:\02-directory\02-nodejs\node_cache"

两个文件夹的位置
2.配置环境变量
  打开电脑的控制面板=>系统和安全=>系统=>高级系统设置=>环境变量,在Path下新建系统变量:
  变量名:NODE_PATH
  变量值:是刚刚安装的node_modules目录的全名称路径
  环境变量
3.在系统变量中找到Path,点击编辑;点击新建;输入:%NODE_PATH% 这是其一
在这里插入图片描述
其二是将nodejs的安装路径写在Path环境变量中;二者选其一即可;
在这里插入图片描述
4.至此配置环境变量已基本完成,测试一下;新打开cmd输入node进入nodejs的交互式命令控制台,输入require(‘cluster’),此时输出相关信息就算大功告成;
在这里插入图片描述

编译项目代码;+报错处理

1.在编译项目前先将npm的模块下载仓库从默认的国外站点改为国内的镜像站点,这样下载模块的速度才能比较快,只需要一个命令即可

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

打开cmd,进入到需要启动的项目根目录下,进行编译项目代码:

cnpm install

编译过程

3.很大可能会出现问题,具体问题具体分析,后续遇到再添加,欢迎指正
4.错误一:[email protected] scripts.postinstall run;指的是需要将node-sass升级到指定的4.9.0版本;

在这里插入图片描述解决方法:卸载,安装,再运行;注意卸载项目文件根目录下的node_modules文件;cmd管理员身份运行进入项目根目录执行
在这里插入图片描述

1、卸载node-sass运行:cmd-->管理员身份运行
  npm uninstall node-sass
2、重新安装指定的node-sass版本(安装失败的版本)
  cnpm install node-sass --save
3.重新编译
  cnpm install  

启动项目:

1.编译完成后进行运行:

cnpm run dev

2.很大可能会出现问题,具体问题具体分析,后续遇到再添加,欢迎指正

发布了8 篇原创文章 · 获赞 1 · 访问量 189

猜你喜欢

转载自blog.csdn.net/weixin_44765021/article/details/104398867