Vue初识之框架搭建

一、简介

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

二、框架搭建

创建之前需要安装 Node.js 和 npm yarn 这俩个环境

1.安装 vue

命令：yarn global add @vue/cli      全局安装脚手架

2.配置vue环境

情况和我相同者（用yarn安装的vue-cli），也可运行 yarn global dir 可拿到yarn的全局路径，将yarn的路径拷贝到计算机中，并打开该目录下的node_modules以及它下面的.bin文件夹，可拿到vue.cmd的路径，如下是我的vue.cmd的路径，将其拷贝。

命令：yarn global dir 

目录

环境配置

测试版本

命令：vue --version (注意是俩个横杠--) 配置正常则显示版本

3.创建项目

命令：vue create element-test    创建项目

选择Default 为vue 2版本

4.安装完成启动测试

命令：cd element-test 切换到项目目录

命令：yarn run serve 启动项目

5.访问地址

6.访问到页面则说明搭建成功

下一篇：vue集成element-ui插件及应用

vue集成element-ui插件及应用_大道至简，悟在天成。-CSDN博客