Vue-cli3 来创建项目

这篇博客介绍了如何使用VueCLI创建项目,VueCLI是一个命令行工具,用于快速搭建Vue.js项目。通过全局安装VueCLI,然后使用vue create命令创建项目,并可以选择预设选项或自定义配置。创建完成后,通过npm install安装依赖,并用npm run serve启动项目。博客还鼓励读者遇到问题时查阅官方文档以进一步学习。
摘要由CSDN通过智能技术生成

💭💭

✨: Vue CLI来创建项目

💟:东非不开森的主页

💜:停滞不前是最没有意义的,我们能做的的就是向前走,总会有路的💜💜

🌸: 如有错误或不足之处,希望可以指正,非常感谢😉

一、Vue的脚手架


Vue的脚手架就是Vue CLI

  • CLI是Command-Line Interface, 翻译为命令行界面;
  • 我们可以通过CLI选择项目的配置和创建出我们的项目;
  • Vue CLI已经内置了webpack相关的配置,我们不需要从零来配置

刚刚打开官网,发现官网也很推荐
在这里插入图片描述

二、安装Vue CLI和基本使用

全局安装
(一定要检查自己的npm node有没有安装成功)

npm install @vue/cli -g

检查版本

vue -v

这里如果太慢的话可以使用cnpm

创建项目

Vue create 项目的名称


创建项目的时候会让你选择一些东西,选择自己需要的就可以,实在不会的话找个教程看看
创建完我们需要执行npm install
来安装项目的依赖

npm install

安装完大概是这个样子
(创建项目选择的东西不同,这里就会有所不一样)

在这里插入图片描述

然后启动项目
先cd切换到该项目
cd 该项目

npm run serve

就可以了
启动成功 好耶!
还有不懂的地方可以去官网看看,相信你会有收获的

每天都要加油鸭

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东非不开森

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值