搭建vue框架
1到网上下载node.js,安装，（新版node，包括了npm ）。2下载Git安装。3.你需要的地方建一个文件夹。打开cmd,跳转到这个文件夹输入npm install -g vue-cli 完成安装。输入vue出来信息说明成功了。4.vue init webpack vue_project，...
2024-01-10
vue~环境搭建
安装homebrew（是Mac OS x下的软件包管理工具，可以安装，卸载，更新，查看，搜索等功能）终端输入：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"。开始安装，中间可能要输入电脑密码，耐心等待过后出现下图表示安装成功。可通过brew -v 查看版本。安装nodejs终端输入：brew i...
2024-01-10
vue搭建，第一次
首先，自己打算做一个前后端分离的项目，竟全然不会，全靠摸索，祈祷运气让我搭建顺利了，第一步，安装node环境1.下载https://nodejs.org/en/2.检查是否安装成功，查看版本号3.利用包管理器，可以减少包的引用的麻烦，可以使用国内的淘宝cnpm镜像，会比国外的npm镜像速度快一点用命令安装npm镜像 ...
2024-01-10
vue3写法
vue2写法handleClick根据传进来的i来判断调用add，edit，delete方法由于vue3的setup里面this没有vue实例在获取变量后应该怎么调用对应的函数呢？（除了用if else判断）回答：把函数挂载到一个对象上，取的时候使用对象取const handleClick = (name) => { fns['handle' + name]}const fns =...
2024-02-25
vue基础环境搭建
vue 环境搭建0.安装node.js安装好后查看版本号： node -v 出现版本号即说明安装成功1.查看npm 版本号npm -v如果版本过低，则升级#升级 npmcnpm install npm -g2.切换镜像依赖为国内的地址，默认国外的会很慢npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vue-cli 脚手架构建工具cnpm install -g vue-cl...
2024-01-10
vue 环境搭建笔记
环境开发工具：VS Codevue版本: 2.x准备使用 npm 包管理器进行安装，也可以使用 yarn 包管理器。可以使用淘宝的 npm 镜像，国内速度更快。使用方式：$ npm install -g cnpm --registry=https://registry.npm.taobao.org 之后使用 cnpm 代替 npm 命令即可。详见：淘宝 NPM 镜像安装 vue 命令行工具 (CLI) - 2.x$ cnpm install -g vu...
2024-01-10
2 vue环境搭建
一： 新建一个项目文件夹，命名为 vue-demo，cd到此文件夹，输入:vue init webpack vue-demo，回车，按照如下操作进行初始化：2： 项目结构3： 安装项目依赖的包 cd到D:\vue-demo\vue-demo， cnpm install4: 运行项目 cnpm run dev4: 浏览器访问 ...
2024-01-10
vue2.0环境搭建
系统：windows1.从node官网上下载相应的node，安装成功即可。2.安装成功之后查看node和npm的版本号 node -vnpm -v3.安装webpackcnpm install webpack -g4.安装vue脚手架npm install vue-cli -g5.找到空文件夹，根据模板创建项目vue init webpack-simple 工程名字<工程名字不能用中文>或者创建 vue1.0 的项目vue init webpack-simple#1.0 ...
2024-01-10
vue引入d3
单页面使用cnpm install d3 --save-dev指定版本安装cnpm install d3@6.3.1 -S<script> import * as d3 from 'd3'export default { name: 'HelloWorld', data () { return { msg: 'Welcome to Your Vue.js App' } }, methods: { testD3(){ let test1 = d3.select...
2024-01-10
Ubuntu18搭建vue3
第一步我们可以先更新源（我所有的步骤都在root账户下操作的）sudo apt-get update 然后安装nodesudo apt-get install nodejs安装成功后可以查看版本是否成功安装node -vnodejs -v 继续安装 npmsudo apt-get install npm安装完成也可以 npm -v 查看是否成功继续安装淘宝镜像---cnpm下载sudo npm install -g cnpm --reg...
2024-01-10
vue环境的搭建（一）
《vue环境的搭建（一）》首发橙寂博客转发请加此提示vue环境的搭建前言vue是现在前端框架非常火的一个东西,所以我也想学习下看看这究竟是个什么东西。刚开始很闷进去vue官网看了下文档。对于刚入门者是不太友好的（需要一定的node.js的开发经验不然大家会跟我一样蒙）。后面经过自己的查阅...
2024-01-10
vue3.0搭建仿京东H5项目
前言就在前段时间，vue官方发布了3.0.0-beta.1 版本，趁着五一假期有时间，就把之前的一个电商商城的项目，用最新的Composition API拿来改造一下！项目介绍vue-jd-h5是一个电商H5页面前端项目，基于Vue 3.0.0-beta.1 + Vant 实现，主要包括首页、分类页面、我的页面、购物车等。搭建步骤首先,选择一个...
2024-01-10
vue环境搭建及简单接触
1、安装node环境首先官网安装nodejs，下载地址https://nodejs.org/en/很多情况下，npm i 命令安装的包都是要科学上网的，或者就是国际网，下载速度很慢，不过有个淘宝镜像可以使用npm install -g cnpm -registry-https://registry.npm.taobao.org命令安装2、搭建vue项目环境首先安装vue-clinpm install --global vue-cli进入项目目...
2024-01-10
vue框架搭建--移动端
由于Vue官方提供了vue-cli手脚架，所以快速构建出个简单的项目框架。在做移动端项目时，因为移动端的特性可能会用到些比较常用的插件，就在这里简单介绍如何使用这里只介绍怎么在项目中安装引用和简单的使用方法，详细用法会附上相关链接或者自行百度1、手淘适配方案--amfe-flexible移动端总是...
2024-01-10
vue3 emit
我像下面定义了一个子组件，点击关闭按钮时visible没有响应到父组件，不知道是那个环节出了问题<script setup lang="ts"> const props = withDefaults(defineProps<{ visible: boolean }>(), { visible: false }) const state = reactive({ ...
2024-02-29
快速上手 vue3
当前为vue3的基础知识点，为总结b站某视频的知识文章，在刚开始学习时自我保存在语雀，现在分享到博客。目前找不到原视频文章地址了！！！要有兄弟看到原文地址：欢迎在下面评论！Vue3新的特性 Composition API（组合API）setup配置ref与reactivewatch与watchEffectprovide与inject 新的内置组件Fragment...
2024-01-10
Vue基础框架搭建
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖，走你$ cd my-project$ npm run dev...
2024-01-10
vue全局方法创建
目的：想要实现一个util.js的全局方法。类似于Java可以通过类名.方法名来调用的静态方法。项目的结构util.js的内容let Util = {printTest:function (message) {console.log(message);}};export default Util;我在public/static/js下建立了util.js，并在index.html中引入util.js，希望在vue的全局js中可以实现Util.printTest(x)方法。inde...
2024-01-10
1. vue环境搭建和配置
const 相对于 var# 全局安装 vue-cli install可以简写成i1.$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目2.$ vue init webpack my-project “cd+空格”：打开特定目录“cd .. ...
2024-01-10
手把手教你搭建vue3.0项目架构
目录前言：一、用 vue-cli 创建项目二、安装路由三、完善目录结构，创建配置文件vue.config.js四、安装ant-design-vue，安装less、安装dayjs五、安装vuex、axios六、vue3的一些新语法七、总结前言：GitHub上我开源了vue-cli、vue-cli3两个库，文章末尾会附上GitHub仓库地址。这次把2.0的重新写了一遍，优化了一下。然...
2024-01-10
36个vue开发技巧
前 言 Vue 3.x 的Pre-Alpha 版本。后面还有 Alpha、Beta 等版本,要等到之后才有可能发布 3.0 新版， 所以应该趁还没出来加紧打好 Vue2.x 的基础。 Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧，后续Vue 3.x出来后持续更新。 require.context() 场景:如页...
2024-01-10
vue环境通过bower搭建
Bower的安装（为什么使用bower，因为它可以节省掉你去git或是网上找js的时间;）bower 安装之前先安装Git，可参考（点击打开链接）在D盘下新建一个vue文件夹（D:\vue）（windows条件下：如果快捷列表里没有找到找到 Git CMD，通过安装路径找到 C:\Program Files (x86)\Git\Git CMD）之后就可以用npm包管理工具下...
2024-01-10
vue3.0项目快速搭建的完整步骤记录
目录一、我们要确保vue/cli版本在4.5.0以上，才能更好的支持3.0二、通过vue/cli3创建我们的第一个项目RouterCSS 预编译ESLint 语法校验运行项目升级vue三、vue3.0相比vue2.0改进和新特性总结如何搭建一个vue3.0基础项目？一、我们要确保vue/cli版本在4.5.0以上，才能更好的支持3.0//安装最新vue/cliyarn global add @vue/...
2024-01-10
vue如何搭建多页面多系统应用
本文为大家分享了vue如何搭建多页面多系统应用，供大家参考，具体内容如下一、多页面多系统应用1、思路使用Vue搭建多页应用。所有系统都在同一目录下。配置多入口多出口。每个系统之间可以链接。每个系统内依然采用Vue单页应用开发。2、组件复用性可以将所有的系统公共组件放到系统目录...
2024-01-10
vue3.x修改端口号
首先在根目录创建vue.config.js vue.config.js 里面代码:module.exports = {/** 区分打包环境与开发环境* process.env.NODE_ENV==='production' (打包环境)* process.env.NODE_ENV==='development' (开发环境)* baseUrl: process.env.NODE_ENV==='production'?"https://cdn.didabisai.com/front/":'front/',...
2024-01-10
