企业官网建设流程全解析

文案策划网站,做游戏脚本的网站,网站感谢页面,wordpress显示时间以前学习东西#xff0c;都是记录到本地#xff0c;前段时间不小心把电脑清理成砖了。由于没有及时备份#xff0c;好些学习笔记都没了。 最近想了解下React#xff0c;借此机会#xff0c;将笔记搬到网络上#xff0c;以后后继查漏补缺。 一、安装nvm nvm作为一款管理…以前学习东西都是记录到本地前段时间不小心把电脑清理成砖了。由于没有及时备份好些学习笔记都没了。最近想了解下React借此机会将笔记搬到网络上以后后继查漏补缺。一、安装nvmnvm作为一款管理nodejs版本工具通过命令行切换实现在开发环境中安装使用多个nodejs版本。1、下载nvm软件。地址https://github.com/coreybutler/nvm-windows/releases2、安装1找到下载的安装程序nvm-setup.exe2双击开始安装选择I accept the agreement点击NEXT3点击Browse选择nvm安装路径路径尽可能不要有空格中文4点击Browse选择之后安装nodejs的安装路径路径尽可能不要有空格中文5默认都勾选点击Next6可以不填写邮箱点击Next7)、确认安装路径点击Install3、检查nvm是否安装成功1打开一个新的cmd或者powershell窗口输入nvm -v2出现版本号即为安装成功4、配置下载node的镜像站1、 下载nodejs时默认访问的是国外网站可能会出现下载失败的情况所以更换为国内镜像站。淘宝镜像:node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/2、cmd或者powershell窗口输入nvm root3、拷贝输出的路径地址并访问下面的settings.txt添加镜像地址。淘宝镜像:node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/5、使用nvm安装node1查找可安装的node版本cmd或者powershell窗口输入nvm list available2选择一个LTS版本安装输入nvm install 24.8.06、nvm使用node1使用或切换某个版本的nodejs使用命令nvm use 版本号2查看当前使用node的版本node -v3查看当前安装了node版本nvm list4常用的命令汇总功能描述命令示例安装特定版本的Node.jsnvm install version (例如: nvm install 22.13.1)列出已安装的所有Node.js版本nvm list列出所有可下载的Node.js版本nvm list available 或者 nvm list-remote切换当前使用的Node.js版本nvm use version (例如: nvm use 22.13.1)设置默认Node.js版本nvm alias default version (例如: nvm alias default 22.13.1)卸载指定版本的Node.jsnvm uninstall version (例如: nvm uninstall 22.13.1)查看当前使用的Node.js版本node -v升级npm到最新版npm install -g npm查看当前使用的NVM版本nvm --version卸载NVM删除 ~/.nvm 目录及shell配置文件中相关行二、Live Server的安装1、以管理员身份打开 PowerShell1执行命令如下Get-ExecutionPolicy若返回 Restricted默认策略说明脚本执行被禁止2修改为安全策略Set-ExecutionPolicy -Scope CurrentUser RemoteSigned2、 修改npm镜像源淘宝https://registry.npmmirror.com/腾讯云https://mirrors.cloud.tencent.com/npm/CNPMhttps://r.cnpmjs.org/#查询当前使用的镜像源 npm get registry #设置为淘宝镜像源 npm config set registry https://registry.npmmirror.com/ #验证设置 npm get registry #还原为官方的配置 npm config set registry https://registry.npmjs.org/3、安装live server在项目根目录打开终端运行以下命令来安装 live-servernpm install -g live-server4、npm启动live server1、在项目下package.json中添加如下代码scripts: { serve: live-server --port3000 }2、打开 WebStorm 的 运行/调试配置点击 新建一个配置选择 npm。具体如下运行效果