vue-cli安装
近期梳理了一下win和linux下安装vue项目，总结一下，希望对于看的人有帮助，废话不多说。Linux下安装因为我用的是deepin,所以再此就不演示了。首先电脑上已经安装好了node和npm了，如果没有安装的，后期需要npm包管理工具，如果还没有安装的，可以自己百度进行安装。首先查看一下node和npm的版本，...
2024-01-10
@vue/cli安装
Vue.js作为当前最热门的前端开发框架，已成为了前端开发者必学的内容之一。但是Vue环境的搭建稍显复杂和繁琐，项目的构建也没那么方便。为了解决这个问题，Vue官方提供了Vue CLI。Vue CLI是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架，或者直...
2024-01-10
vue-cli脚手架
安装全局环境安装，不必要在项目地址下安装：npm install -g vue-cli卸载全局卸载：npm uninstall -g vue-cli查看是否安装成功：vue list查看vue版本，vue -V 回车，查看vue最新的版本。 使用进入到编辑器主目录下==>vue init webpack 项目名，最终结果是创建一个项目vuecli：接着在命令行安装依赖模块：cd vuecli ==>...
2024-01-10
vue-cli踩坑记录
一、奇怪的bug出现有用户反馈在ie11下打不开我们的线上网站，即使开了兼容模式也打不开我们的网站，页面白屏。初步判断，由于css样式资源、页面资源都已经加载到位，排除网络环境问题后，让用户打开控制台截图看一下，白屏的原因是由于JS执行报错阻塞了后续的逻辑执行和渲染。代码...
2024-01-10
vue-cli(教程)
Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文档还是...
2024-01-10
vue click不生效
小弟根据教程初学Vue，发现用@click绑定事件不生效两个button点了都没有反应答是@click 不是 @chick此处click单词打错了，而且你的更新按钮为啥有两个@click 拼写问题单词打错了 click...
2024-01-10
vue cli创建脚手架
1、用vscode打开一个文件夹。在菜单栏 点击 查看-集成终端。这里可以用其他的方法比如cmd命令符调开这个界面，但是要用cd 切到要放文件的文件夹下。2、安装好node.js 和淘宝镜像 3、安装vue cli 。命令：cnpm install -g @vue/cli检查是否安装上的方法：4、在终端输入vue create vue-demo。创建一个vue-demo的...
2024-01-10
ionic vue
原文 ionic 现在已经正式支持vue了（而且是3）全局安装或升级ionic-cli:npm install -g @ionic/cli@latest然后就可以创建项目了，跟之前用ionic创建angular项目差不多，以项目名myApp为例：ionic start myApp blank --type vue注，如果直接执行ionic start 会以交互的方法创建项目，可以指定项目名，项目模板类型（tabs, sideme...
2024-01-10
vue cli 全面解析
写在前面：vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释。Vue官方文档 很全面的。使用 vue-cli 可以快速创建 vue 项目，vue-cli很好用，但是在最初搭建环境安...
2024-01-10
vue/cli的配置详解
查看vue/cli的配置vue的脚手架隐藏了所有的webpack相关的配置，若是想要查看webpack的配置你可以去执行 vue inspect > output.js这样就可以查看它的配置；执行后，需要等待几秒钟。会输出一个output.js文件entry: { app: [ './src/main.js' ]}说明入口文件确实是main.jsvue.config.js的使用 vue.config.js是一个...
2024-01-10
vue-cli的使用指南
vue-cli 2.0安装vue-clinpm install -g vue-cli创建一个项目模板vue init <template-name> <project-name>template-name:wepack 功能齐全的Webpack + vue-loader设置，具有热重载，linting，测试和css提取功能。webpack-simple 一个简单的Webpack + vue-loader设置，用于快速原型设计browserify 全功能的Browserify + vueify设置，具有热重载...
2024-01-10
vue ui
做完上一篇的工作，即vue -V可以正常运行之后，我们使用vue ui指令，会发现报以下错误：Error: spawn cmd ENOENT Emitted ‘error’ event on ChildProcess instance at: errno: ‘ENOENT’, code: ‘ENOENT’, syscall: ‘spawn cmd’, path: ‘cmd’, spawnargs: [ ‘/c’, ‘start’, ‘""’, ‘/b’, ‘http://localhost:8000’ ]解...
2024-01-10
vue-cli热更新问题
平时在开发中对 接多个后台 会连他们的后台地址 在vue.config.js中的proxy来控制与哪个后台对接 但是每次切换后台接口地址的时候项目都需要重新启动才可以 有没有什么方案可以切换后台地址不重启项目就能直接开发呢回答：提供一种脑洞较偏的思路：把 proxy 的 targte 重定向的目标改为一个平常访问不到或不需访问的域名，比如 facebook.com ，然后安装一个 switchH...
2024-03-10
vue之click事件绑定
可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。通常来讲就是监听dom触发一些操作，这些操作（比如点击）触发后执行的动作（js）可直接写在后面。注意：所有的v-on都可以简写为@1.@click不光可以绑定方法，也可以就地修改data里的数据代码示例代码如下：v-on:click="item+=1"<template...
2024-01-10
vue cli 热加载很慢
40% building 0/19 modules 19 active ...dex=0&id=3074bd5c&scoped=true&lang=sass&^npm run serve 会卡在这里很久，热更新也特别慢 "sass": "~1.32.6", "sass-loader": "^8.0.2", "style-resources-loader": "^1.4.1",...
2024-03-07
安装vue_cli 和打包
1.安装node.js 可通过node -v检查是否安装node2.安装npm可通过npm -v检查是否安装npm3.全局安装vue-clinpm install vue-cli -g || cnpm install vue-cli -g（淘宝镜像） 4.检查vue命令行是否安装好了vue -V5.用webpack安装模板 vue init webpack vuecliTest6.cnpm install7.npm run dev二：打包1.平时可用npm run dev/start ...
2024-01-10
Vue Cli
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性。通俗的说，Vue CLI...
2024-01-10
vue cli3解决跨域问题
我在vue.config.js中作了如下配置：// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/conf...// 这里只列一部分，具体配置参考文档module.exports = {publicPath: process.env.NODE_ENV === "production" ? "./" : "/",...
2024-03-04
关于vuecli打包时报错问题
在打包时报如下错误，但是之前没有问题，求教怎么解决目前发现另一个跟这个项目配置一样的也出现同样问题，但是以前没问题，而且把旧的依赖包复制过来就没问题，所以应该是某个依赖有问题回答代码压缩出问题了，试着看看babel配好没，es6转es5了没...
2024-01-10
vue click的泡泡問題？
<div v-for="(route, idx) in route" @click="handleChangeRoute(route, idx)"> {{ route.meta.context }} <div class="arrow-fr" v-if="route.children && route.childr...
2024-03-01
vue动态绑定click事件无效
问题描述异步文件上传后，页面显示文件名+删除按钮，删除事件加载不上去问题出现的环境背景及自己尝试过哪些方法相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）你期待的结果是什么？实际看到的错误信息又是什么？点击删除按钮，删除文件回答：你可以直接把这段html提前放...
2024-01-10
记录一次 vue cli 的安装
一、需要 nodejs 环境vue cli 要求Node.js版本8或更高版本（建议使用8.10.0+），可以通过 node -v 查看版本号二、需要 webpack 环境安装命令：npm install webpack -g（或者 npm install -g webpack），安装完成之后输入 webpack -v，出现相应的版本号，则说明安装成功三、安装 vue cli由于 npm 安装过程中出现网络问题，选择...
2024-01-10
vue理解$nextTick
首先要明确：Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM实例<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside ...
2024-01-10
vue实现动态改变title
想要实现vue动态改变页面title，需要给每个页面设置标题。并且在路由发生变化时修改页面titlerouter - index.jsconst router = new Router({ mode: 'history', routes: [ { path: '/index', name: 'index', component: Index, meta:{ // 页...
2024-01-10
vue之cli脚手架项目中组件的使用
在webpack-simple模板中，包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢？因为webpack干活了！webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html（template）、css、js文件通过模板编译的方式将这些文件打包成一个.vue的文件。为什么在vue-cli项目中能使用.vue的文件？比如有...
2024-01-10
