web项目的搭建

使用Webstorm并创建Next.js文件

1、配置nodejs环境、安装webstorm【配置node.js可以使用nvm去管理nodejs的版本】

2、需要破解webstorm，可能会导致原本的idea失效，注册码过期

3、taobao的npm过期，导致npm is sass执行不成功，需要更换

1、以管理员方式运行cmd
2、清空缓存：npm cache clean --force
3、设置新的淘宝镜像源
npm config set registry https://registry.npmmirror.com
1
2
3
4

4、需要将配置权限打开，

5、

5、直接运行项目会报错，需要自己创建项目

• ​ ‘next’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。

6、创建项目会问npm install命令是否执行，需要执行，用于在项目中安装所需的依赖包。它会读取项目目录中的 “package.json” 文件，并从 npm registry 下载定义的依赖包

7、创建next.js项目需要系统自己创建src目录，手动创建会导致page.tsx文件导出失败

8、无法从终端运行npm等命令

• 比如npm i sass等命令

​ 1.在Windows应用中找到Windows PowerShell。
​ 2.右键以管理员运行。
​ 3.在命令框输入： set-ExecutionPolicy RemoteSigned。
​ 4.回车。
​ 5.根据提示输入A，然后回车

teSigned。
​ 4.回车。
​ 5.根据提示输入A，然后回车