vue-cli脚手架
Mac 中安装 vue 脚手架后报错 vue: command not found
解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......
34-Vue脚手架-组件的自定义事件（使用自定义事件优化Todo-List案例）
组件的自定义事件 1.一种组件间通信的方式，适用于 子组件 > 父组件（这里也可以使用 props 传递数据进行实现） 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.绑定自定义事件： 1）第一种方式，在父组件中 <!--通过父组件给子 ......
33-Vue脚手架-浏览器本地存储（使用本地存储优化Todo-List案例）
什么是网络存储 在HTML5之前，开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后，提供了一种新的客户端本地保存数据的方法，那就是Web Storage，存储内容大小一般支持5MB左右（不同浏览器可能还不一样），它允许 Web 应用程序在用户浏览器中实现本地存储机 ......
脚手架结构
TRANSLATE with x English Arabic Hebrew Polish Bulgarian Hindi Portuguese Catalan Hmong Daw Romanian Chinese Simplified Hungarian Russian Chinese Tradi ......
轮扣、碗扣、盘扣、套扣脚手架都长什么样？
轮扣、碗扣、盘扣、套扣脚手架和扣件式脚手架及门式脚手架一样都是施工现场较常用的脚手架类型。但轮扣、碗扣、盘扣、套扣脚手架由于其概念相似、外观相近、用途基本相同，现场工人包括一些技术人员极易把它们弄混，常常出现脚手架方案与现场实际搭设不符，闹出张冠李戴的笑话。像深圳等地区建设主管部门限制使用轮扣、碗扣 ......
32-Vue脚手架-Todo-list 案例
Todo-list 案例 组件化编码流程（通用） 1.拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突，如下所示 2.实现动态组件：要考虑好数据的存放位置，数据是要一个组件在用，还是一些组件在用 一个组件在用：放在组件自身即可 一些组件在用：放在他们共同的父组件上 3.实现交互：从绑定 ......
31-Vue脚手架-scoped样式
我们先思考一个问题，如果对School 和 Student应用样式的话，一般是使用如下方式： src/components/School.vue <template> <div class="demo"> <h2>学校名称：{{name}}</h2> <h2>学校地址：{{address}}</h2 ......
30-Vue脚手架-plugin插件
plugin插件 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 src/plugins.js（定义插件） // 定义插件(默认暴露) export default { install(Vue){ conso ......
29-Vue脚手架-mixin 混入
mixin 混入 功能：可以把多个组件共用的配置提取成一个混入对象 使用混合： 1）第一步，定义混入 新建一个JS文件，比如mixin.js src/mixin.js // 分别暴露 export const hunhe1 = { methods:{ showName(){ alert(this.n ......
转载 vue-cli5降级为vue-cli4
vue-cli5降级为vue-cli4 1.启动命令行，运行npm config ls -l，找到userconfig路径下的.npmrc文件进行删除； 2.输入where vue，把 vue vue.cmd 这两个文件删除； 3.输入vue -V，会显示 ‘vue’ 不是内部或外部命令，也不是可运 ......
html 不使用脚手架 如何使用vue组件 1
html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s ......
27-Vue脚手架-ref属性
ref 属性 ref 被用来给元素或子组件注册引用信息（id的代替者） 1）应用在 html标签上获取的是真实DOM元素，应用在组件标签上获取的是组件实例对象vc（VueComponent） 2）使用方式 打标识：<h1 ref="xxx"></h1> 或 <School ref=''xxx'></ ......
26-Vue脚手架-分析脚手架
将 24-Vue组件化编程-单文件组件 放到使用Vue脚手架创建的vue_test项目中 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存 ......
vue 笔记2 脚手架-创建项目、启动项目、路由、vuex
1、安装命令： 在vs code 终端输入命令 npm install -g @vue/cli 安装完查看版本： vue --version 2、创建项目 在对应文件夹下 cmd 输入命令： vue create hello-word 然后选择版本vue2，vue3 项目，选择对应版本 自动安装cl ......
25-Vue脚手架-初始化脚手架
Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具（开发平台）,官方文档：Home | Vue CLI (vuejs.org) 提前准备工作 这里，我首先安装了一个nvm（node的版本管理工具），可以通过nvm管理多个版本的node.js，解决node.js各种版本存在不兼容的问题 参考链 ......
小白之vue脚手架搭建
（1）cmd命令行安装脚手架工具，安装前设置镜像不然安装很慢。 安装成功 （2）创建vue项目名字叫vue 选择最后一行 新特性回车 上下箭头选择工具，空格表示选中，绿色表示选中的工具，并回车进行下一步。 选择 2.x，选择y 选择带.json 选择no不保存预制（忘了截图），回车开始创建 ......
Vue工程环境搭建（NodeJs以及Vue-cli：出现权限不足的问题解决）
Vue工程 4.1需要依赖NodeJs，官网下载安装后 说明安装成功 4.2配置npm的全局安装路径 npm config set prefix "nodejs的安装目录" 没有出现报错信息即可 4.3切换npm的淘宝镜像，不然外网服务器下载资源会比较慢 npm config set registr ......
Vue3| create-vue 脚手架工具
create-vue 是 Vue 官方新的脚手架工具，底层切换到了 vite（下一代构建工具），为开发提供极速响应 使用 create-vue 创建项目： 1. 前提环境条件： 已安装 16.0 或更高版本的 Node.js（node -v） 2. 创建一个 Vue 应用：npm init vue ......
问题：vue-cli failed to download repo vuejs-templates/webpack：connect etimedout连接超时，怎么解决
https://github.com/vuejs-templates/webpack 下载之后，解压到本地用户目录下的.vue-templates目录下。 vue init webpack my-login-library 命令的时候，需要带上参数--offline表示离线初始化 ......
Vue学习笔记（八）：Vue脚手架
Vue脚手架是Vue官方提供的标准化开发工具，使用Vue脚手架（vue-cli）可以快速创建 vue 项目。 1 安装npm¶ 第一步（仅第一次执行）： 下载npm，npm（node package manager）是nodejs下的包管理工具，后续下载、管理vue包都得通过npm进行，下载地址如下 ......
03vue之脚手架搭建项目
1. 介绍 Vue脚手架是基于webpack搭建的，用来创建vue项目的工具包 Vue的运行流程： 通过 main.js 把 App.vue 渲染到 index.html 的指定区域中 脚手架-官网 2 准备工作 2.1 检查以下是否安装 # 确定是否已经安装 node, npm, vue-cli脚 ......
vue-cli_关于vue-cli打包后多出的js与css文件
平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | ......
Vue-前端化工程入门，第一个vue-cli程序
第一个vue-cli程序的准备工作 什么是vue-cli？ vue-cli是官方提供的一个脚手架工具，用于快速生成一个vue项目模板。 预先定义好的目录结构和代码，就好比咱们在创建maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，有利于我们更加快速的开发。 环境准备（所涉及到的命令都 ......
asp.net core 将整个解决方案打包，做成脚手架，可直接安装使用
自己经过多年开发的沉淀后，开发出一个属于自己的一套Demo项目，亦或是借鉴别人的项目后，优化了一个,然后我们在别的地方使用的时候（可能是下一个公司），如果还想用自己的模板，也可能是供新入职的同事使用，经常会是以下几个办法 1、对比着之前的项目结构，在VistulStudio中手动创建一个空的解决方案 ......
动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法
动态组件 <component :is="who"></component> component标签的is属性等于组件名字，这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
Vue-cli创建项目
1. 单页面应用：spa - 以后Vue的项目就只有一个：XX.html页面 - 当定义了很多组件，不可能都写在：XX.html中吧 2. 单文件组件：xx.vue -https://v2.cn.vuejs.org/v2/guide/single-file-components.html - 一个组 ......
动态组件，插槽， vue-cli创建项目，vue项目目录结构，vue项目编写规范，es6导入导出语法
1 动态组件💛 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title ......
DDD脚手架及编码规范
一、背景介绍 我们团队一直在持续推进业务系统的体系化治理工作，在这个过程中我们沉淀了自己的DDD脚手架项目。脚手架项目是体系化治理过程中比较重要的一环，它的作用有两点： 可以对新建的项目进行统一的规范 对于指导老项目进行DDD的改造提供指导 本文主要是梳理和总结了DDD脚手架使用中的编码规范以及遇到 ......
vue-cli
1.安装node.js 下载链接：Node.js百度网盘链接 提取码：6666 安好后使用 cnpm -v查看版本是否成功 成功后直接安装vue脚手架 cnpm install -g vue-cli 安装webpack（打包） cnpm install webpack -g 2.创建项目 2.1 使 ......
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ......