在讲安装vue脚手架的时候,给大家讲解一下安装过程中会出现的两个问题,这两个问题是安装vue脚手架流程中的一个阻碍
1、首先你得先在环境配置中配置一下node.js,如果你不配置会出现以下错误
现在我们来配置一下node.js
环境1:每个人路径不一样,但是你要找到某个文件夹里面有etc这个文件就ok,
环境2:这个就是你node.js安装的根目录就行,就是一级目录
然后就不会报错了
2、接下来我们再控制台输入vue,有的人会报错,这里也有报错的解决方法
解决方法:
在控制台输入npm config list
找到prefix这个路径,然后把这个路径配置到环境变量上去
配置到系统环境变量里面去就行
然后关掉命令窗口,再打开就可以了!!!
接下来我们就正式安装vue脚手架
第一步:执行命令:
npm config set registry https://registry. npm.taobao.org
这一步可以省略也可以不省略,这一步的作用是配置npm淘宝镜像,目的是提高安装vue脚手架的速度,为了保证不出问题,还是执行一下
第二步:安装vue脚手架
npm install -g @vue/cli
第三步:安装好了之后就是创建脚手架了
vue_text是项目名,当然,你需要先选择你自己要创建的目录下面
vue create vue_text
选择你要写vue代码的版本,一般都写vue2,如果你会vue3更好,那你就可以选择vue3,按一下回车
然后就是在创建了
这样就是创建成功了
然后执行下面的两行命令,也就是上面那幅图的两行蓝颜色的命令
cd vue_text 跳转到项目目录
npm run serve 执行项目
这就是成功了!!!!