到这里vue的所有平时使用的知识点都写完了先补充一下vue2.x的安装## 全局脚手架
npm install vue/cli -g
## 查看版本
vue --version
## 新建项目
vue init webpack 【name】2.x是有vue-router的，但是vuex和axios自己安装
3.x有vue-router和vuex，axios自己安装vue2.x是没有自定义的vue.
转载
2024-04-25 16:07:50
67阅读
接下来就来正式实战,看看docker怎样去部署一个Vue前后端分离的项目，我们从以下三点来进行：Vue项目打包Docker镜像后端项目Nginx的配置一. Vue项目打包这里说下,我服务器本身就有Nginx服务,所以我只需要将Vue项目进行打包然后上传到服务器,Nginx能访问到即可,并未使用到Docker进行构建1.1 通过命令打包进到项目根目录然后执行打包命令cd 项目根目录
npm run
转载
2024-04-07 11:44:34
173阅读
使用lib模式打包在vue-cli官网中有指出如何使用lib模式构建代码。当你运行 vue-cli-service build 时，你可以通过 --target 选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。lib模式默认是不含有Vue的，若原代码中有vue，则会将原代码中的vue删除。注意对 Vue 的依赖在库模式中，Vue
在centos下部署过数次jenkins打包springboot项目,打包vue项目,这次在centos6精简版下部署jenkins,再部署打包vue项目确实遇到了麻烦.部署新版本node,需要gcc以及2.17版本的GLIBCnode: /usr/lib64/libstdc++.so.6: version `GLIBCXX_3.4.14' not found (required by node)
开发环境win10/ubuntu18.04
vue 2.6.11问题描述vue 项目运行npm run build之后，把后台接口地址一起打包成静态文件中了，如果ip/地址变了要重新打包，如果是要运行在多个主机上则每个主机都要build一遍，这移植性太差了，接口地址可配置太重要了。网上找了很久都没找到都没找到方法解决 在vue项目的/public目录下，创建config.js文件，然后引用conf
目录一、准备工作二、简单使用Vue2.1 初步使用Vue绑定2.2 Vue中数据绑定（用于表单元素，即有value属性的元素）2.2.1 单向数据绑定2.2.2 双向双向数据绑定2.2.3 数据绑定的简写2.3 Vue中el与data的两种书写方式2.3.1 el的写法——方式一2.3.2 el的写法——方式二2.3.3 data的写法——方式一2.3.4 data的写法——方式二 一、准备工作
问题记录：在生产环境中不要出现@licnese,但是vue打包之后并不能把所有注释都消除掉 删除注释要引入webpack的plugins ： terser-webpack-plugin （UglifyJsPlugin已经被官方废弃） 相关 terser-webpack-plugin文档 在命令终端 ...
转载
2021-09-10 15:43:00
2631阅读
2评论
一、Vue项目部署Vue项目（此文主要指使用webpack实现打包的Vue项目）部署运行主要是两个步骤，第一步是安装好项目所需要的依赖包（npm install），第二步就是运行（npm run dev）。这两步的前提是下载好Node.js。Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境。在Node.js中，包含了webpack打包所需的功能，以及np
转载
2024-09-02 12:05:54
74阅读
一、前端模块化webpack是让我们可以进行模块化开发，并且会帮助我们处理模块间的依赖关系。并且不仅仅是JavaScript文件，还有CSS、图片、json文件等等，在webpack中都可以被当做模块来使用。 二、打包webpack中的各种资源模块进行打包合并成一个或多个包（Bundle）。在打包的过程中，还可以对资源进行处理，比如压缩图片，将scss转成css，将ES6语法转成ES5语法，将Ty
前言vue 的组件化开发是一个非常不错的机制.'一处开发,多处引用'，不仅降低的维护成本，提高了开发效率，而且单独的组件有单独的视图和交互数据逻辑，使得系统层次更加分明。若有问题可加群264591039与我讨论~转载文章请标明出处！开发场景数据可视化是我们互联网常见的功能，所以难免我们会在项目中插入图表等，找到一个还算可以的图形插件，阿里的G2图形库，详情请参见G2官网。接下来就开始我们的Vue
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
目录前言一、node.js安装和配置1. 下载安装node.js2. 配置默认安装目录和缓存日志目录（不配置也可，据情况而定）3. node.js环境配置4. 配置淘宝镜像源第一种:直接修改npm的默认配置编辑第二种：安装cnpm二、安装vue及脚手架1.安装vue.js此处遇见的错误：（如果没遇见可忽略）显示empty2.安装webpack模板三、安装vue-cli 3.x1、卸载旧版本2、安装
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
