vue安装过程

1.vue.js
vue做为目前最火的三大框架(Angular,React,Vue)之一,它是一款基于MVVM模式的前端js框架。其最大的特点就是组件化开发,将一个复杂的页面拆分成多个独立的,可复用的组件。另外还拥有双向数据绑定,事件系统,计算属性(computed),状态过渡,自定义指令,过滤器等功能。
2.开发环境安装
①、安装node.js
②、安装npm,由于新版的node.js已经集成了npm,所以npm也一并安装好了,可以输入“npm -v”和“node -v”来进行测试是否安装成功。
vue安装过程
③、安装vue-cli,vue-cli是vue的脚手框架。
npm install -g vue-cli 回车,等待安装…
vue安装过程
④、创建项目
vue init webpack vue-my(项目文件夹)
vue安装过程
在项目中会出现:
vue安装过程
⑤、安装依赖
cd vue-my (项目名)
npm install,回车,等待…
[项目文件中,会多出一个node_modules文件夹,也就是之前安装的依赖]
vue安装过程
一、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置。
二、node_modules是npm加载的项目依赖的模块。
三、src目录是我们要开发的目录。
⑥、进入环境是否安装成功
在cmd中输入 npm run dev
vue安装过程
输入上述网址
vue安装过程