（一）Vue3系列-学习篇（环境安装及创建项目）

Vue3系列-学习篇（一）

一、安装环境。

1、安装node。

1.1、在node.js管网下载node-v16.14.2-x64，下载最新的长期版。

已下载16.14.2长期维护版，，请自行操作安装。

1.2、安装完成node.js后，检查是否安装成功。

1.3、接下来安装vue的环境。

下面分别安装了淘宝npm，cnpm是为了提高项目里安装依赖的速度。

# 安装淘宝npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# vue-cli 安装依赖包
cnpm install --g vue-cli
# 打开vue的可视化管理工具界面
vue ui

vue ui是[@vue(https://github.com/vue)/cli3.0增加一个可视化项目管理工具，可以运行项目、打包项目，检查等操作。可以少记一些命令。

二、创建项目。

1、在cmd里运行vue ui命令。

运行后，浏览器会显示以下，如图。

2.切换到【创建】，然后点击按钮【在此创建新项目】下一步中，项目文件夹中输入项目名称，其他不用改。

点击下一步

点击下一步，**勾选上路由Router、状态管理Vuex，去掉js的校验。

点击下一步。

点击创建项目，**弹窗中选择按钮【创建项目，不保存预设】。

稍等片刻之后，项目就初始化完成了。上面的步骤中，我们创建了一个vue3项目，并且安装了Router、Vuex。这样我们后面就可以直接使用。

• Router： WebApp的链接路径管理系统，简单就是建立起url和页面之间的映射关系。
• Vuex：** 一个专为 Vue.js 应用程序开发的状态管理模式，简单来说就是为了方便数据的操作而建立的一个临时” 前端数据库“，用于各个组件间共享和检测数据变化。