当前位置: 首页 > news >正文

Vue之初识Vue CLI 脚手架

Vue CLI 是Vue 官方提供的一个全局命令工具
可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】

脚手架有什么好处?
1.开箱即用,零配置
2.内置 babel 等工具
3.标准化

使用步骤:

1.全局安装(一次):yarn globaladd @vue/cli 或 npm i @vue/cli -g
2.查看 Vue 版本:vue --version
3.创建项目架子:vue create project-name(项目名-不能用中文)
4.启动项目:yarn serve 或 npm run serve(找package.json)

我们在终端执行

 npm i @vue/cli -g

然后我们先随便创建一个文件夹,文件夹名随便取

我们进入到文件夹
在这里插入图片描述

输入cmd 回车
输入 vue create name(随便取,但不能是中文)

在这里插入图片描述
这是选择是 Vue2 还是 Vue3

我这暂时演示Vue2, 我们选中Vue2回车,我们耐心等待安装

安装完毕后,我们切换文件所在路径,也就是你创建好的vue脚手架
在这里插入图片描述
我们输入:

npm run serve

在这里插入图片描述
我们打开链接,如果是如下图所示,说明我们的脚手架安装成功了

在这里插入图片描述
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

http://www.lryc.cn/news/290663.html

相关文章:

  • [Tcpdump] 网络抓包工具使用教程
  • MongoDB常用命令
  • 强敌环伺:金融业信息安全威胁分析——整体态势
  • FreeRTOS简介
  • 51单片机点灯
  • sql注入之union联合注入
  • activiti解决实现ExecutionListener spring 自动注入@Autowired为null问题
  • 【Lazy ORM 整合druid 实现mysql监控】
  • 【Deeplabv3+】Ubutu18.04中使用pytorch复现Deeplabv3+第三步)-----CityscapesScripts生成自己的标签
  • 《动手学深度学习(PyTorch版)》笔记3.3
  • OpenGL ES 渲染 NV21、NV12 格式图像有哪些“姿势”?
  • P8813 [CSP-J 2022] 乘方 题解
  • Ubuntu 常用命令、docker 常用命令、unzip常用命令、tar常用命令
  • 保护医疗数据不受威胁:MPLS专线在医疗网络安全中的角色
  • Java面试题夺命连环问
  • 华为策略路由+NQA配置
  • 逆置字符串
  • 第九节HarmonyOS 常用基础组件14-DataPanel
  • Vue开发之proxy代理的配置(附带uniapp代理配置)
  • 【数据分享】2023年我国省市县三级的公司企业数量(21类公司企业/Excel/Shp格式)
  • 6JS对象
  • 粒子群算法求解港口泊位调度问题(MATLAB代码)
  • idea控制台出现乱码的解决方案
  • R语言【taxlist】——summary(),show(),print():打印taxlist对象及其内容的概述
  • 【深度学习】sdxl中的 text_encoder text_encoder_2 区别
  • 上位机图像处理和嵌入式模块部署(python opencv)
  • 父元素flex:1 高度却被子元素撑开的问题
  • 【LUA】mac状态栏添加天气
  • 网络原理-TCP/IP(1)
  • C# Socket 允许控制台应用通过防火墙