vue-cli的使用

本文介绍了如何使用Vue CLI创建Vue.js项目。首先,详细讲述了Vue CLI的作用,即简化项目模板搭建,避免手动配置。接着,按照步骤指导,包括安装Node.js和npm,全局安装Vue CLI,以及在新建文件夹中创建项目。最后,提供了创建项目时的选项选择,如自定义配置、选择预设、代码规范等,并展示了启动服务的命令。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Vue CLI脚手架介绍

vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去你手动安装各种插件,寻找各种cdn并一个个引入的麻烦,
它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建应用程序,省去繁琐的配置工作。

第一步

先下载node和npm这2个到官网下载即可,安装完成后打开搜索cmd,拼上命令node-v
npm -v
检查是否已经安装完成
在这里插入图片描述

第二步安装全局vue-cli脚手架

npm install -g @vue/cli
安装 完成后检查是否已经安装完成,输入命令vue -V(这个V是大写的)
在这里插入图片描述
安装完成后即可进入文件

第三步进入创建

在电脑上创建一个空的文件夹,然后点击文件上方(下面的图画圈的部分)输入cmd
在这里插入图片描述
在命令行上输入vue create deo1(这是创建文件的名字可以自己取)

在这里插入图片描述
选择第三个自定义
在这里插入图片描述
然后再选上一些需要用的
在这里插入图片描述
空格键才是选上,空格键才是选上,空格键才是选上。(注意)选完之后再点击enter(确认)
然后再选择2.x
在这里插入图片描述
选择y
在这里插入图片描述
选择less
在这里插入图片描述
选择代码规范,选择Standard config
在这里插入图片描述
选择合适校验代码规范,选择lint on save
在这里插入图片描述
babel、postss、eslint等配置文件放到哪,选择新文件中
在这里插入图片描述
.是否在以后的项目都使用以上配置?选否
在这里插入图片描述
安装完毕之后进入目录,并启动服务
cd表示进入这个文件
npm run serve 启动该文件
在这里插入图片描述
在这里插入图片描述
这样即安装好了
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值