web项目的搭建

时间:2024-03-17 07:50:53

使用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

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,然后回车