前端环境搭建

前端主要是nodejs和webpack的环境搭建, 但是搭建并不是傻瓜式的, 有些细节要注意, 本文主要针对 windows平台的环境 , 其他平台都是类似的。

1. nodejs的安装及环境配置

去官网下载最新版nodejs: https://nodejs.org/zh-cn/
安装完成后，在nodejs目录里新建两个文件夹，以指定以后npm安装模块放到此目录，否则nodejs会自动放在用户目录里

mkdir node_cache   
mkdir node_global
执行命令(目录自行替换):
npm config set prefix "D:\apps\nodejs\node_global"
npm config set cache "D:\apps\nodejs\node_cache"

这样就把nodejs安装完成了。

2.加速npm下载

方式①: 推荐的方式, cnpm可能出问题, 如果不需要cnpm可指定npm源

npm set registry https://registry.npm.taobao.org/

方式②: 使用淘宝镜像cnpm

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

要想在cmd里使用cnpm，必须添加path环境变量(路径自行替换)：

D:\apps\nodejs\node_global
cnpm -v //输出版本即表示安装成功

3.webpack安装及环境配置

webpack在前端开发必备，可以直接使用npm或者cnpm安装

npm install -g webpack
npm install -g webpack-cli//cli在高版本是分开的, 需要单独安装, 这里全局安装webpack-cli

安装完成后使用命令测试:

webpack -v

4.提升windows脚本运行权限，否则在vscode里指令无法运行

用管理员权限打开powerShell，执行命令：

set-ExecutionPolicy RemoteSigned

如图所示：

image.png

环境已搭建好，开始你的前端开发之旅！！