感觉jQuery不够用了,在前端框架泛滥的时候,觉得是时候学习一个趁手的框架了。
Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架 不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
安装vue环境
1.安装node.js
从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。
2、安装cnpm
win+r打开命令行,输入npm install -g cnpm --registry=http://registry.npm.taobao.org
(淘宝镜像)然后等待安装完成。
3安装vue
输入.npm install vue
安装
4安装脚手架vue-cli
输入npm install -g vue-cli
安装
5创建vue第一个项目
输入npm init webpack vue_test
创建。创建项目名称为(vue_test)
6进入到vue项目目录
输入cd vue_test
进入和查看目录
7安装依赖
输入npm install
安装
输入npm run dev
验证是否安装成功
在浏览器中输入:localhost:8080
(默认端口为8080)
备注命令符号:
图片.png
node -v 检查版本号
npm -v检查版本号
npm install vue 安装
npm install -g vue-cli 安装脚手架
vue -V(大写检查版本是否安装)
vue 若出现vue信息说明成功
npm init webpack vue_test 创建项目名称为(vue_test)
cd vue_test进入具体项目文件夹
npm install安装依赖
npm run dev 测试环境是否搭建成功
可以在第4步前,改变vue项目默认目录,输入cd wesktop
(桌面)然后在安装vue-cli
。
网友评论