搭建Vue脚手架Vue-cli的相关配置

本文介绍了Vue初学者在搭建脚手架时遇到的环境配置问题及其解决方法。首先,需要安装Node.js的长期支持版,并确保安装过程中不出现中文路径。安装完成后,通过命令行检查版本确认安装成功。接着,根据提供的教程配置环境变量。然后,使用npm安装Vue CLI,并通过vue命令检查安装是否成功。在创建项目时,选择基本配置选项。最后,成功搭建Vue项目并验证文件夹结构,完成脚手架搭建。
摘要由CSDN通过智能技术生成

        最近学习Vue,搭建脚手架的时候环境除了问题,然后搞了一早上才把环境搞好,然后我总结了下,希望能够帮助到和我一样的初学者。

        首先在搭建之前我们需要做相应的环境配置,我们需要安装nodejs,安装的时候一般都选择长期支持版我在网上找的12版本node.js 12.18.1下载-Node.js v12.18.1下载官方版-西西软件下载 (cr173.com)

大家也可以去官网下载最新的版本,但是最新的不一定是最好的毕竟有些老插件说不定新版本不兼容呢。然后就是进行安装,安装的时候一直点击下一步就可以了,更换路径的时候自己改,别出现中文最好,虽然不知道会不会出问题,然后就是等待下载,全部都弄完之后就可以通过终端(WIN+R)输入cdm里面进行查看

出现版本号就是安装成功了然后就是配置环境变量,我参考的是这篇文章

2020版nodejs12.18.3安装教程_去旅行、在路上-CSDN博客_node.js12r

 接下来就是正式搭建Vue/cli

在终端输入命令 npm i @vue/cli -g 进行安装等待安装成功后可以通过vue -V查看是否安装成功(出现版本号就是成功了)

然后通过在终端输入vue create name(name就是你想创建的文件夹名字注意名字是不支持驼峰命名),安装成功后有可能会问你是否安装淘宝镜像(下载速度更快)

然后就是选择配置

 

 

上面的配置图自己选的我刚开始就选可能用上的(大家自己选择但是推荐新手和我一起选这个)

最后打开文件夹可以看到出现以下目录就是安装成功

 到这里就是完成了脚手架的搭建希望有不足的地方大家能够提出来我也可以即使改正!!!!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值