提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

VUE 安装与入门

Vue安装入门
2023-06-13 09:11:19 时间

五一遇疫情 & 居家学VUE

一、前言

Vue 作为一款主流的 JavaScript 框架，非常适合开发人员入手。它有着大量的官方中文教程，新人的入手难度中级，即需要 HTML、CSS 和 JavaScript 相关的中级知识。

二、环境准备

【Mac 用户】使用 App Store 安装 Xcode 。

Xcode 安装完成后，使用终端软件输入指令进行安装。

## brew 安装
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
## node 安装
brew install node
## npm 安装
brew install npm
## n 安装（可选）
sudo npm install -g n
## n 选择 node 版本（可选）
sudo n 14.16.1
## 查看 node 当前版本
node -v
v14.16.1
## 当查看 npm 当前版本
npm -v
6.14.12

【WIN 用户】打开 nodejs 官方网站进行下载，优先使用 msi 进行安装。

安装完之后，使用 cmd 命令窗口检查安装情况。 

## 查看 node 当前版本
node -v
v14.16.1
## 查看 npm 当前版本
npm -v
6.14.12

三、工具准备

首选开源工具 Visual Studio Code，简称 VS Code。

PS. 以上的安装内容，在网络上有很多，这里只是做简单介绍。

四、入门Demo

1、命令行工具（CLI）

Vue 提供了一个官方的 CLI 来帮助我们快速搭建繁杂的手脚架。

安装 CLI

## 安装
npm install -g @vue/cli
## 查看 CLI 当前版本
vue --version
@vue/cli 5.0.4

创建一个项目

vue create vue-starter

Vue 版本选择

VS Code 打开项目、终端执行运行指令

npm run serve

浏览器打开

五、总结

特别简单的安装与入门，主要耗时可能在网络下载。

相关文章