分享个人 Full-Stack JavaScript 项目开发经验
下面介绍 Windows 环境下 Node.js 的安装及一些基本设置。
在 Node.js 官网下载安装包(推荐使用 Node.js 最新的稳定版本),安装时注意检查添加环境变量的选项是否已经勾上(一般默认是勾上的)。
运行 cmd,输入下面命令检查是否安装成功。
node -v
npm -v
配置淘宝镜像地址。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
修改 npm 全局模块安装路径。
npm config set prefix "D:\Program Files\npm_global_module"
修改完输入以下命令查看配置是否正确:
npm config list
由于修改了全局模块安装路径,为了使用全局模块的 cli 命令,还需要把刚才的目录 D:\Program Files\npm_global_module 添加到环境变量的用户变量的 Path 中(重启 cmd)。
安装 yarn(快速、可靠、安全的依赖管理)。可以在官网下载安装程序 。或者把 yarn 作为 npm 全局模块使用。
npm install -g yarn
yarn -v
检查 yarn 的配置:
yarn config list
配置淘宝镜像地址。
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
想了解更多 yarn 的使用方法,请点击 cli 介绍。
你可以使用 yarn 的 yarn global 指令来管理全局模块,但个人建议全局模块依然使用 npm 管理,yarn 作为 npm 一个全局模块使用,安装管理本地模块时候使用 yarn。
使用 Javascript 进行 Web 开发时,往往要使用到一些项目构建、打包工具和 Node.js Web 开发框架,下面分别简单介绍这些工具及框架的安装。
npm install grunt-cli -g
yarn add grunt --dev
yarn add webpack webpack-cli --dev
不推荐全局安装 webpack。这会将你项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。若想详细了解,可访问 webpack 指南。
npm install koa2-generator -g
创建一个 koa2 项目并安装
koa2 server
cd server
yarn install
Node.js、npm、yarn 更新的速度较快,参考时请留意博文的最近修改时间,若出现问题,可移步至官网寻求帮助。