antd Pro脚手架安装踩坑

1、node安装

2、初始化：npm i @ant-design/pro-cli -g

3、创建项目文件夹：pro create myapp

出现问题：无法加载文件 C:\Users\*****\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。

使用get-ExecutionPolicy查看执行策略，发现PowerShell的默认策略是Restricted。修改其为RemoteSigned：set-ExecutionPolicy RemoteSigned，出现以下报警信息：

修改方法是

方法有两个，一个是用管理员权限或者设置管理员权限打开VScode修改执行策略，另一个是用管

理员权限打开powershell进行修改。

 或者直接管理员权限打开

修改成功，可以执行其他命令了！

如果上述方法一还无法解决，可以尝试修改系统的powershell执行策略。

方法二：修改Windows的powershell权限
首先打开电脑桌面左下角的徽标图标，然后输入powershell，再用管理员身份运行powershell。

以上就是方法二了，实际上和vscode执行是一样的，因为vscoed的终端实际上就是powershell，重要的是获取到管理员的权限后去修改脚本执行策略。

总结

这个问题可能是因为npm这条命令在全局环境变量里面进行了配置，所以能用npm而其余命令无法执行，

解决方法来自：  

无法加载文件 C:\Users\*****\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。——VScode终端问题解决办法 | 码农家园

4、选择 umi 的版本

? 🐂 使用 umi@4 还是 umi@3 ? (Use arrow keys)

❯ umi@4

umi@3

如果选择了 umi@4 版本，暂时还不支持全量区块。

如果选择了 umi@3，还可以选择 pro 的模板，pro 是基础模板，只提供了框架运行的基本内容，complete 包含所有区块，不太适合当基础模板来进行二次开发

5、 🚀 要全量的还是一个简单的脚手架? (Use arrow keys) 一般选simple就行

❯ simple

complete

6、安装依赖：

$ cd myapp

$ npm install

7、跑起来 $ npm start