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博客

猜你喜欢

转载自blog.csdn.net/qq_17025903/article/details/118187038