目录
1. 先推荐一个免费好用的IDE:Visual Studio Code
2. 安装node
3. 运行Web项目
4. 添加并使用grunt
5. 运行grunt可能出现的错误：无法加载文件 C:\Users…\AppData\Roaming\npm\grunt.ps1，因为在此系统上禁止运行脚本。
6. 执行npm install时遇到没有package.json文件的错误：saveError ENOENT: no such file or directory, open 'D:\Projects\WebProjects\spm-ui\package.json
https://code.visualstudio.com/ 在这个官网下载适合自己系统版本的Visual Studio Code
建议未使用过Visual Studio Code的人先看一下官网的两个教程：https://code.visualstudio.com/docs/nodejs/nodejs-tutorial
一个是创建一个普通的.js文件，输出"Hello World"；另一个是创建一个简单的Web项目，可以在本地浏览器输入网址后查看
注：Visual Studio Code 自带命令行的功能感觉很好，快捷键是ctrl + ` 不用切换窗口敲命令行，非常方便。
https://nodejs.org/en/download/ 在官网下载并安装
安装的时候好像可以选择是否将node添加到环境变量。建议选上，否则需要自己手动添加。
node --help 在终端上敲击该命令，来测试是否成功安装Node.js
https://code.visualstudio.com/docs/nodejs/nodejs-tutorial （使用的例子是官网的web项目示例）
npm install -g express-generator // -g指的是global，即全局设置
express myExpressApp --view pug
cd myExpressApp // 切换到相应的web项目，准备进行环境配置
npm install // 安装npm相关的依赖文件
npm start // 启动npm，此时在本地浏览器输入http://loacalhost:3000即可访问该web项目可以参考官方的安装教程：https://gruntjs.com/getting-started
也可以参考这篇csdn文章：https://blog.csdn.net/larrywangsun/article/details/27428093
先后执行命令：
①npm install -g grunt-cli
②npm install grunt --save-dev // 为本项目配置grunt。可以看到，执行这一行命令后，项目里的package.json文件的devDependencies添加了grunt的配置信息。
要运行grunt，项目中还应该有Gruntfile.js文件。否则此时运行会出错 → Fatal error: Unable to find Gruntfile.
可以自己在项目文件夹下添加该文件：Gruntfile.js
grunt 运行，输出hello world即成功
错误信息中会给出解决方案的链接：https://docs.microsoft.com/zh-cn/powershell/module/microsoft.powershell.core/about/about_execution_policies?view=powershell-7.1
也可以参考该文章：https://blog.csdn.net/FlyHDreamer/article/details/104505645/
①"以 管理员身份运行 " 选项启动 PowerShell。
②如下图输入命令行：Get-ExecutionPolicy -List
如果输出结果如图所示，则尝试修改ExecutionPolicy为RemoteSigned
③此时再尝试运行grunt，不会再报这个错误
可以在项目根目录下使用命令npm init来创建package.json文件。按照命令行的提示操作（一般只要回车即可），最终即可成功得到package.json文件。