一、问题的出现
在跟着黑马程序员学习前端的过程中,我们用Vue官方提供的开发工具VueCLI创建Vue项目时出现了报错,可能是因为 控制台/终端 没有足够的权限(排除环境搭建的问题)。比如现在我们尝试在某一个文件夹中创建一个VUE项目:
进入该文件夹,右键,选择在终端中打开,并输入
vue create test
其中test是你的vue项目名,之后会出现如下页面:(npm是node.js的软件包管理器)
通过方向键选择自己想要创建的项目类型,点击回车, 会开始创建项目。
然后出一堆错误。
二、环境
首先排除环境搭建的问题,你可能要有以下环境* (如果你是也是跟着黑马程序员学习前端,那么你应该都有了)
三、解决方法一(推荐)
点击终端上面的收纳符,选择设置。
点击左边的默认值,找到以管理员身份运行此配置文件,将其打开。
之后点击保存,然后把终端关闭,重新打开终端执行vue 创建命令就可以了。
之后用vs code打开test1文件夹就行,注意是项目文件夹test1而不是项目所在的文件夹vue,原因见解决方法二末尾。
四、解决方法二
我们编写vue代码,一般是在vs code等等编译器中编写,编译器中一般有一个终端方便我们调试,我们可以通过以管理员运行编译器,使编译器终端获取管理员权限,然后通过编译器的终端创建项目,好处是创建完之后我们可以直接编写代码,不需要再去打开文件。坏处是在vue中,如果不以项目目录打开的话会有报错,这个报错不影响使用,但是看着烦。为了避免这种错误我们还需要重新打开项目文件夹。
以vs code举例:
右击vs code,选择属性,点击兼容性,勾选以管理员身份运行此程序,点击应用之后确认。
然后我们可以打开vs code,打开自己要建Vue项目的文件夹,点击导航的终端->新建终端,然后在下面出来的终端上输入建立项目的代码,结果如下。
这样就算建好了。
不过你会发现会有报错的提示:
这是因为vs code现在打开的文件夹并不是项目文件夹test1,而是项目所在的文件夹vue study,所以我们需要用vs code打开我们的项目文件夹test1.这下就不会有错误的提示了。
这个错误的提示原因,是由于babel找不到babel.config.js,所以你只要编辑器打开目录和运行项目目录同一个根目录就可以解决。或者换一种配置babel的方式,相对文件配置。