如何为成都的专业手机网站建设和推广创建一个有效的WordPress菜单文件?
摘要:成都专业手机网站建设推广,wordpress菜单文件,营销软件网站,网站建设的市场需求1.介绍及安装 1.1 介绍 Vue是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue的
成都专业手机网站建设推广,wordpress菜单文件,营销软件网站,网站建设的市场需求1.介绍及安装
1.1 介绍
Vue是一套构建用户界面的渐进式框架。Vue只关注视图层#xff0c;采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
学习vue之前主要掌握的知识#xff1a;HTML、CSS、JavaScript、TypeScript
…1.介绍及安装
1.1 介绍
Vue是一套构建用户界面的渐进式框架。Vue只关注视图层采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
学习vue之前主要掌握的知识HTML、CSS、JavaScript、TypeScript
兼容性说明Vue 不支持 IE8 及其以下版本因为 Vue 使用了 IE8 不能模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
1.2 安装
1.2.1 安装NodeJS
官网地址下载安装 Download | Node.js
1.2.2 安装npm
npm是随同NodeJS一起安装的包管理工具安装nodejs后就无需安装但是npm速度会慢一些推荐使用淘宝镜像及其命令cnpm使用如下命令安装淘宝镜像 npm install -g cnpm --registryhttps://registry.npmmirror.com cnpm -v 查看安装的淘宝镜像版本
1.2.3 安装vue
执行如下命令安装vue的最新稳定版本 npm install vue 安装指定版本的vue npm install vue版本号 比如要安装2.6.12版本的vue,执行命令 npm install vue2.6.12
1.2.4 安装vue命令行工具(CLI) npm install --global vue-cli 详细使用说明参见介绍 | Vue CLI
1.3 项目实例
1.3.1 项目创建
cmd cd命令到需要创建项目的目录下执行 vue create 项目名称 创建vue项目
在F磁盘下myVue文件夹下创建项目名称为bookmanage
注项目名称不能包含大写字母 回车默认Vue2项目模板然后回车等待项目初始化完成 使用VSCode打开项目 执行命令npm run serve,运行项目 文件目录说明
node_modules项目依赖文件夹public一般放置一些静态资源图片需要注意放在public文件夹中的静态资源webpack进行打包的时候会原封不动打包到dist文件夹中。src程序员源代码文件夹 asstes一般也是放置静态资源一般放置多个组件共用的静态资源需要注意放置在asstes文件夹里面的静态资源在webpack打包的时候webpack会把静态资源当作一个模块打包到js文件里面。 components一般放置非路由组件全局组件 App.vue唯一的根组件 main.js程序入口文件也是整个程序当中最先执行的文件babel.config.js配置文件babel相关package.json记录项目做什么有哪些依赖、项目怎么运行package-lock.json缓存性文件
1.3.2 CLI服务命令
在一个 Vue CLI 项目中vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。
