vue学习笔记---vue简介

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

  • vue是一个前端框架,专注于页面的框架,具有易用,灵活,高效的特点.

vue脚手架

  • vue Cli是官方的命令行工具.

  • Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

  • 使用以下命令安装新的vue Cli

npm install -g @vue/cli
或者全局：cnpm install -g @vue/cli
或者：yarn global add @vue/cli

  • 安装成功

  • 在命令行中输入以下命令判断vue是否安装成功

vue
或者
vue --version

  • 创建项目

  1. 进入到一个目录下

E:\>cd E:\DevRepository\vueWorkSpace

  • 使用以下命令创建一个简单的hello-world项目

vue create hello-world

  • 如果判断你的npm/yarn连接源访问速度,询问你是否要访问淘宝镜像

  • 之后要你选择初始化方式,

    1. default:默认方式

    2. Manually:自定义

  • 选择default

  • 初始化目录

  • 进入到项目目录之中,然后运行npm服务

cd hello-world
npm run serve


  • 访问路径: http://localhost:8080/

  • 使用浏览器访问路径,得到以下结果表示正确运行

以上是 vue学习笔记---vue简介 的全部内容， 来源链接： utcz.com/z/375916.html

回到顶部