# 通过 npm 安装 npm i vant -S 安装完配置 babel.config.js module.exports = { presets: ['@vue/app'], plugins: [ 'lodash', [ 'import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant' ] ] }; 运行后报错 先安装插件 # 安装 babel-plugin-import 插件 npm i babel…

const Tabbar = () => import('@/components/Tabbar'); export default [ { path: '/', name: 'home', components: { //default与tabbar 等是同级路由模块,可以按命名控制展示与否 default: () => import('@/views/home/tabbar-home'), tabbar: Tabbar } }, { path: '*', redirect: { name:…

这篇文章主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理一下,分享给大家. 一.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue serve .vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖.构建于 webpack 和 webpack-dev-server 之上(提供 如:serve.build …

前言 vuejs学习——vue+vuex+vue-router项目搭建(一) vuejs学习——vue+vuex+vue-router项目搭建(二) 为什么用vuex:组件之间的作用域独立,而组件之间经常又需要传递数据,项目比较小的话传递数据还好,越大的项目,涉及的组件通信就越多.越频繁,此时管理起来就会非常累,而且容易出错,这就是 Vuex 的意义所在.它可以将数据置于单独的一层,并提供给外部操作内部数据的方法.粗俗一点,就这样理解吧.vuex1.0官网 Vuex下载 $ cnpn insta…

前言 最近比较忙,所有第二章发布晚了,不好意思各位. vuejs学习——vue+vuex+vue-router项目搭建(一) 中我们搭建好了vue项目,我相信大家已经体验了vue其中的奥妙了,接下来我们结合vue-router来玩玩路由吧!在使用vue-router的同时也要熟悉官方api 准备 进入项目文件 打开Node.js command prompt  命令方式进入上章我们创建的VueProject文件夹 npm下载安装vue-router cnpm install vue-router…

因为需要兼容其他vue2.0的项目,所以先卸载vue-cli,再全局安装桥接工具 卸载vue-cli2.0 npm uninstall vue-cli -g 安装vue-cli3.0 npm install -g @vue/cli 安装桥接工具 npm install -g @vue/cli-init 然后开始创建项目 vue create project 启动项目 yarn serve 这样通过复制下方的地址链接就可以看到vue的经典起始页面 参考: vue2.0与vue3.0项目搭建…

第0课 - 搭建开发环境之安装Qt 1. 课程学习的原材料 — Visual Studio 2010 — Qt SDK 4.7.4 — Qt Creator 2.4.1 2. Visual Studio 2010 (1)用于学习 Windows 上 GUI 程序设计的原理 (2)体会使用 C/C++ 编写 GUI 窗口应用程序 (3)展现 Qt 对于 Windows 窗口开发的面向对象封装 3. Qt SDK 与 Qt Creator — Qt SDK 为 Qt 开发提供必要的类和函数,以及相关…

1.关于electron vue 项目的搭建 全局或者局部安装项目vue: 脚手架指令生成: npm install -g vue-cli vue init simulatedgreg/electron-vue my-project cd my-project npm install npm run dev项目搭建成功:要单独安装 例如:text.node文件,webpack就不能编译:所以需要安装一个插件:node-loadernpm install node-loader -save-dev…

1.创建vue项目 cmd命令执行 vue create app (app 自定义的项目名) 一般都会选择后者,自己配置一下自己需要的选项(空格为选中) 这是我个人需要的一些选项,路由Router.状态管理Vuex.CSS处理器等(可以根据自己需要进行选择) 这里选择yes(Y) 我这里选用sass 打开ESLint和常规的一些 静静等待安装完成就可以了! 2.运行项目并配置多页面 cd app yarn serve /npm run serve 一般生成的都是8080端口的,由于本地已经在跑一…

前言 快年底了却有新公司邀请了我,所以打算把上家公司的学到一下技术做一些总结和分享. 现在vuejs都2.0了,我相信也有很多朋友和我一样实际项目还是选择vue1.0的或者给新手一些参考,不管在选择哪个版本的时候,希望你都熟读了vue+vuex+vue-router的官方文档.下面我们就开始吧. Vue搭建 这里我假设我们的电脑都安装了nodejs,那么我现在开始吧. 我们先新建一个文件(VueProject),通过命令行的方式进入这个文件夹,现在假设我们进入了VueProject文件夹,接下来…

安装Vue&创建Vue工程 1.安装Vue CLI: npm install -g vue-cli 2.创建新的Vue项目,创建最后一步会提醒是否使用npm install 自动安装,如果选择N,在第2步后,手动执行:npm install vue init webpack my-project 或 vue create my-project或vue init webpack-simple my-project (目录简单) #若想安装快速,在最后一步提示是否使用npm install命令时,选…

1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -g express-generator express --version // 查看版本 express server // 创建项目 正常是前后端分离,建立两个项目.此项目为了测试前后端未分离,将package.json的dependencies合并到根目录的package.json. cnpm install // 安装依赖…

一. HAWQ2.3.0环境准备[全部主机节点]: 1, vim /etc/sysctl.conf,编辑如下内容: kernel.shmmax= kernel.shmmni= kernel.shmall= kernel.sem= kernel.sysrq= kernel.core_uses_pid= kernel.msgmnb= kernel.msgmax= kernel.msgmni= net.ipv4.tcp_syncookies= net.ipv4.ip_forward= net.ipv4…

1,安装node.js Node.js官网:https://nodejs.org/en/ 进入Node.js官网,选择下载并安装Node.js.安装过程只需要点击“下一步”即可, 如下图,非常简单. 验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口. 输入node -v即可得到对应的Node.js版本. npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm.输入npm -v可得到npm的版本. 注意npm的…

使用Vue全家桶开发移动端页面. 本博文默认已安装node.js. github链接 一.准备工作 安装vue npm install vue 安装脚手架vue-cli npm install -g @vue/cli 创建webpack项目 vue init webpack my-app 运行 cd my-app npm run dev 按照提示,在浏览器打开http://localhost:8082/,效果如下: 安装状态管理vuex npm install vuex --save-dev 目…

搭建项目之前,请确认好你自己已经安装过node, npm, vue cli.没安装的可以参考下面的链接安装. 如何安装node? 安装好node默认已经安装好npm了,所以不用单独安装了. 如何安装vue cli? 剧场环境已搭建好,开始表演! 1.进入一个目录,创建项目 对应命令: vue create project-one 2.我们这里选择手动配置 按 ↓ 选择“Manually select features”,再按 Enter 3.选择你需要的配置项 通过↑ ↓ 箭头选择你要配置的项,…

一. 安装node.js环境. 在node.js官网下载稳定版本(https://nodejs.org/en/) 下载完成后点击安装,安装过程很简单,一直next即可,安装完成会自动添加node及npm环境变量. 检验是否安装成功,在cmd输入命令 node -v,回车 及 npm -v,回车,如出现下图所示版本信息,表示安装成功 二.安装 Vue-cli 打开cmd命令行工具,输入npm install -g vue-cli,回车 全局安装vue-cli (注:npm会有点慢,建议更改为国内淘…

一.安装vue-cli + vue-router + vuex + axios 1.安装vue-cli 2.创建项目 3.安装vuex和axios 二.搭建项目目录结构,如下所示: 1.assets目录用于存放静态文件,如图片等等. 2.components目录用于存放一些封装的公用的组件. 3.config目录用于存放配置项信息. 4.page目录用于存放页面组件. 5.router目录用于存放路由信息. 6.service目录用于存放请求后台接口的操作.api.js用于封装统一请求接口. 7…

1. 删除以前的vue 2.x版本,并下载3.x版本 npm uninstall -g vue-cli / yarn global remove vue-cli npm install -g @vue/cli /  yarn global add @vue/cli 2. 查最新版本 vue --version 3. 创建项目,并进入 vue create my-project cd my-project 4. 启动服务 npm run serve 依赖: 1. 独立运行某文件 下载依赖: npm…

卸载老版本的 vue-cli : npm uninstall vue-cli -g 安装新版本的 : npm install -g @vue/cli --安装新版本cli 同时nodeJS 要更新至 v8.9.x以上. 原型开发: npm install -g @vue/cli-service-global 原理开发的意思,是直接把vue文件运行起来.进入你vue文件目录,直接 vue server ,终端输出的地址,复制到浏览器上,可查看你vue文件输出 创建项目:vue create you…

一． vue-cli初始化1. 全局安装 vue-clinpm install --global vue-cli2. 创建一个基于 webpack 模板的新项目vue init webpack my-project3. 安装依赖cd my-projectnpm install (换源安装: npm install --registry https://registry.npm.taobao.org )4.启动: npm run dev 5.打包: npm run build 二． 安装额外的依赖…

新写的项目在 IE浏览器显示空白 解释一: Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator.Generator.Set.Maps.Proxy.Reflect.Symbol.Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码. 举例来说,ES6在Array对象上新增了Array.from方法.Babel就不会转码这个方法.如果想让这个方法运行,必须使用babel-polyfill,为当前环…

monaco-editor 是微软出的一条开源web在线编辑器支持多种语言,代码高亮,代码提示等功能,与Visual Studio Code 功能几乎相同. 在项目中可能会用带代码编辑功能,或者展示代码.对于习惯使用vsCode的开发者来说使用monaco-editor是非常不错的选择. 安装依赖 cnpm install monaco-editor --save cnpm install monaco-editor-webpack-plugin --save-dev 修改webpack.bas…

1.新建一个项目…

知道vue很长时间了,一直只是了解,没有深入学习,也没做什么具体的东西.现在有时间了,决定重头好好学一下,就从安装开始吧. 一.安装node vue是用npm安装,npm是node的一个包管理工具,所以要下载node. 二.安装命令行工具 Windows系统需要安装一个命令行工具,可以用git. 三.安装vue 1.建一个文件夹存放你的vue项目,在当前文件夹下右键,选git bash here: 2.全局安装webpack:在命令行中输入  npm install webpack -g: 3.…

一. 安装PXF3.3.0.0,这里所安装的pxf的包文件都包含在apache-hawq-rpm-2.3.0.0-incubating.tar.gz里面下面步骤都是以root身份执行这里注意,pxf插件要用到tomcat服务,必须使用安装包里面的7.0.62, 不能安装或升级为 tomcat8,这会造成依赖的catalina.jar包 版本不匹配,以致pxf启动! 安装时由于pxf的包都是el6版本的,但是我用的centos7,所以rpm带参数“--nodeps”以忽略RPM命令对依赖包的检测.…

安装中间件 去另外一台2核4G的机器先安装docker,然后安装后台项目使用的中间件 一.mysql 下载镜像:docker pull mysql:5.7 启动镜像实例:docker run -p 3306:3306 --name mysql -v /mydata/mysql/log:/var/log/mysql -v /mydata/mysql/data:/var/lib/mysql -v /mydata/mysql/conf:/etc/mysql -e MYSQL_ROOT_PASSWORD…

项目文档引子系列是根据项目原型,制作的测试实验文档,目的是为了提升项目过程中的实际动手能力,打造精品文档AskScuti. 项目文档引子系列目前不对外发布,仅作为博客记录.如学员在实际工作过程中需提前演练,可单独联系进行索取. 文档编号:0-0-9 Fedora 30 Linux 安装 文档类别:公开型文档  PUB  在线查看 点击下载…

项目文档引子系列是根据项目原型,制作的测试实验文档,目的是为了提升项目过程中的实际动手能力,打造精品文档AskScuti. 项目文档引子系列目前不对外发布,仅作为博客记录.如学员在实际工作过程中需提前演练,可单独联系进行索取. 文档编号:0-0-6 Oracle Solaris 10 安装 文档类别:公开型文档  PUB  在线查看 点击下载…

项目文档引子系列是根据项目原型,制作的测试实验文档,目的是为了提升项目过程中的实际动手能力,打造精品文档AskScuti. 项目文档引子系列目前不对外发布,仅作为博客记录.如学员在实际工作过程中需提前演练,可单独联系进行索取. 文档编号:0-0-3 CentOS 7 安装 文档类别:公开型文档  PUB  在线查看 点击下载…