牡丹江市建设局网站,阜阳建设网站公司电话,怎么建商业网站,wordpress展开 折叠功能Vue介绍
Vue.js 是什么 Vue (读音 /vjuː/#xff0c;类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是#xff0c;Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层#xff0c;不仅易于上手#xff0c;还便于与第三方库或既有项目整…Vue介绍
Vue.js 是什么 Vue (读音 /vjuː/类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层不仅易于上手还便于与第三方库或既有项目整合。另一方面当与现代化的工具链以及各种支持类库结合使用时Vue 也完全能够为复杂的单页应用提供驱动。 说明 官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧之前有其它框架的使用经验会有帮助但这不是必需的。 环境安装
npm安装
1、下载nodejsDownload | Node.js
2、双击下载包进行安装
3、安装好之后在终端输入命令npm -v正确返回版本信息就安装好了
cnpm安装
如果npm换了国内镜像还是很慢可以使用cnpm属于npm在国内的镜像工具 安装
npm install -g cnpm --registryhttps://registry.npm.taobao.org验证
cnpm -vVue安装
vue:
npm install vuenextvue-cli:
npm install -g vue/clivue-init: (可选装构建2.x版本的vue才需要)
npm i -g vue/cli-initwebpack安装
npm install webpack -g新建vue项目
命令行构建helloworld
新建文件夹helloworld命令行cd到helloworld目录下
vue create hello-world需要填写一部分信息 新建完成 验证
cd到hello-world目录执行
npm run serve运行成功结果 在浏览器输入http://localhost:8080 截图 恭喜完成项目搭建。
vue2.x与vue3.x新建项目的区别
版本构建命令运行项目vue2.xvue init webpack 项目名称npm run devvue3.xvue create 项目名称npm run serve
