新建web项目
步骤
使用vscode直接进行新建项目的操作。以下视频展示如何创建一个web/h5端的项目.
说明
- 在进行选择项目类型的时候可以模糊搜索，我特意在选项中加入了数字，这样的选择的时候输入一个数字，按回车即可进行下一步的操作
- 即便还没有git仓库，也要保证git工具已安装并可用。
- 如果没有创建好git仓库，在输入git仓库时可以按
Esc键跳过。创建项目脚本依然会创建好项目，并初始化git，后续如果仓库建好，可以手动使用git remote add添加。不影响当前开发学习。 - 在进行项目初始化的时候需要下载一些依赖库，要保证
yarn命令可用(可以通过命令npm i -g yarn安装)。由于众所周知的原因，最好设置好果内镜像(设置阿里镜像的命令为yarn config set registry https://registry.npm.taobao.org) - 项目编号是个非负的数字（依照我们不命名理念）。用户可以随意设置，并没有强制性的要求，我个人以
p+六位数字作为项目名称。 - 项目初始化根据网络情况可能会有不同程序的延迟，请耐心等待，不要关闭vscode。安装完成会自动打开初始化后的项目。
让我们进入开发吧
在vscode中使用命令进行开发可以使用快捷键alt+m d启动,不会使用快捷键的请看视频.
yarn dev
可能遇到的问题
- 如果
3000端口被占用(错误信息：Port 3000 is already in use.)，请查找到使用该端口的服务，修改它，如果不能修改它，修改自己(package.json文件中搜索3000,换成3001或是别的可用端口). - 通常情况下，如果多次开启调试会自动关掉之前已开启的调试进程，如果自动关闭失败，请开发人员自行关闭。停止已开启的调试的方法为：在终端中按
Ctrl+C。如果不会这样的操作，将vscode全关掉再打开。如果还不行，重启电脑是万能神技，不妨一试。