前端环境安装流程

1.安装nvm  地址:https://github.com/coreybutler/nvm-windows/releases  下载nvm-setup.zip 一路默认安装


2.运行cmd 安装node.js  安装完成记得使用这个版本的node       
查看node可用列表  nvm list available     
nvm install node 或者 指定版本安装
nvm use 18.0.0
-----------------------------------------------
nvm 设置最新淘宝镜像 
nvm node_mirror https://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/
查看node 当前版本


3.cmd 里安装 npm 
npm install -g pnpm   查看版本  pnpm --version 
npm install -g yarn   查看版本  yarn --version
npm install http-server -g


4.vscode 可能会有权限问题 http-server 不能使用 报错  http-server无法加载文件 C:\Program Files\nodejs\node_global\http-server.ps1

解决方式
1、使用管理员权限打开powershell或cmd  win11一定打开powershell  cmd可能不管用

2、命令行执行:get-ExecutionPolicy,得到结果为Restricted,表示禁止状态

3、命令行执行:set-ExecutionPolicy RemoteSigned

4、再次执行命令:get-ExecutionPolicy,结果显示为RemoteSigned

5、执行http-server,运行成功。

------------------------------------------------
5.安装git  下载地址为 git-scm.com或者gitforwindows.org,或者阿里镜像


------------------------------------------------
yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ yarn
+ ~~~~
    + CategoryInfo          : SecurityError: (:) [],PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

解决方案:
ChatGPT
这个错误提示表明你的系统禁止运行 PowerShell 脚本,因此无法加载 Yarn 的 PowerShell 脚本。这可能是由于 PowerShell 执行策略限制所致。你可以尝试以下方法解决这个问题:

以管理员身份运行 PowerShell 执行策略更改:

以管理员身份打开 PowerShell。
运行以下命令以更改执行策略:Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
接受更改并关闭 PowerShell 窗口。
------------------------------------------------

Mac系统上安装前端开发环境通常涉及几个关键步骤,包括设置Web浏览器、选择一款文本编辑器和安装必要的开发工具包。以下是基本的安装流程: 1. **安装Web浏览器**:大多数开发者会首选Safari作为默认浏览器,但Chrome或Firefox也是常用的选择。你可以直接从它们的官方网站下载并安装。 2. **文本编辑器或IDE**: - **Visual Studio Code (VSCode)**:这是一个流行的开源编辑器,功能强大且支持多种语言插件,非常适合前端开发。可以在其官网下载安装。 - **Sublime Text** 或 **Atom**:这两个也是备选方案,各有特色。 3. **Node.js**:前端开发离不开Node.js,它是JavaScript运行在服务器端的环境。通过访问nodejs.org网站,下载适用于macOS的安装安装。 4. **Git**:版本控制系统,用于协同工作和项目管理。在Homebrew(macOS的包管理器)中输入`brew install git`进行安装。 5. **安装相关开发工具**: - **Webpack**:模块打包工具,对前端项目构建很有帮助。 - **Babel**:用于处理ES6+语法到兼容旧浏览器的转码。 - **PostCSS** 和 **CSS预处理器如Sass或Less**:扩展CSS的功能。 - **npm或Yarn**:Node Package Manager,用于管理和安装依赖库。 完成以上步骤后,你就可以开始在Mac上编写、测试和部署前端项目了。如果你需要特定的框架(如React、Vue等),记得查看其官方文档获取额外的配置指导。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值