记录使用vscode配置vue项目环境

这里没有使用npm来下载脚手架，而是使用了官网推荐的yarn，当然同样需要使用npm命令拉取yarn的包文件。

①先装yarn

在安装yarn的过程中报了如上的错误，因为这也是我第一次使用VScode的集成终端。最后查资料才发现是权限不够。如果你也出现这种情况，使用如下方法。

1.  以管理员身份运行vscode;
2.  执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;
3.  执行：set-ExecutionPolicy RemoteSigned;
4.  这时再执行get-ExecutionPolicy，就显示RemoteSigned;

②安装脚手架@vue-cli

因为是第一次安装，这个过程非常漫长。之后查看文件大小才发现原来有三四百M个大小。查阅博客说如果你使用npm下载脚手架会将其包放在你npm下载的目录之下，而我使用的是yarn，放在的是系统用户的目录之下。

③配置环境变量

我们需要配置的是vue.com的环境变量，需要注意的是，系统存在的不止一个。我尝试了两遍才发现是我的C:\Users\fldwws\AppData\Local\Yarn\Data\global\node_modules\.bin，这个目录。配置环境变量的过程不再赘述。

③检验是否配置成功 vue --version

在cmd或者vscode的集成终端中查看版本，如果能够显示，则说明配置成功。