目录

 

1. 先推荐一个免费好用的IDE:Visual Studio Code

2. 安装node

3. 运行Web项目

4. 添加并使用grunt

5. 运行grunt可能出现的错误：无法加载文件 C:\Users…\AppData\Roaming\npm\grunt.ps1，因为在此系统上禁止运行脚本。

---

1. 先推荐一个免费好用的IDE:Visual Studio Code

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 + `  不用切换窗口敲命令行，非常方便。

2. 安装node

https://nodejs.org/en/download/  在官网下载并安装

安装的时候好像可以选择是否将node添加到环境变量。建议选上，否则需要自己手动添加。

node --help  在终端上敲击该命令，来测试是否成功安装Node.js

3. 运行Web项目

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项目

4. 添加并使用grunt

可以参考官方的安装教程：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即成功

5. 运行grunt可能出现的错误：无法加载文件 C:\Users…\AppData\Roaming\npm\grunt.ps1，因为在此系统上禁止运行脚本。

错误信息中会给出解决方案的链接：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，不会再报这个错误