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

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

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

相关推荐

  1. Vue路由

    2024-01-31 06:40:02       33 阅读
  2. Vue事件绑定(Vue事件)

    2024-01-31 06:40:02       13 阅读
  3. <span style='color:red;'>初</span><span style='color:red;'>识</span><span style='color:red;'>VUE</span>

    VUE

    2024-01-31 06:40:02      38 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-31 06:40:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-31 06:40:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-31 06:40:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-31 06:40:02       20 阅读

热门阅读

  1. FPS游戏框架漫谈第五天

    2024-01-31 06:40:02       37 阅读
  2. Unity游戏开发面试知识点全解读

    2024-01-31 06:40:02       31 阅读
  3. 【译】在 Mac 上加速 PyTorch 训练

    2024-01-31 06:40:02       45 阅读
  4. PyTorch动态计算图构建的详细过程和代码

    2024-01-31 06:40:02       36 阅读
  5. 【ClickHouse-Sql】ClickHouse 类型转换用法介绍

    2024-01-31 06:40:02       47 阅读
  6. 低代码核心思想:插件化开发(vue3实现)

    2024-01-31 06:40:02       40 阅读
  7. 通过低代码开发实现数据可视化应用的简易指南

    2024-01-31 06:40:02       45 阅读
  8. 解密人工智能与低代码开发:探索机器学习奥秘

    2024-01-31 06:40:02       43 阅读
  9. 谈一谈深度学习与机器学习

    2024-01-31 06:40:02       28 阅读