vue学习笔记---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/
• 使用浏览器访问路径,得到以下结果表示正确运行