- 博客(17)
- 收藏
- 关注
RSS订阅
6原创 npm安装ant-design-vue，运行npm run dev报错
报错截图：原因：在安装的时候执行命令npm i ant-design-vue这句命令是将依赖安装在dependencies中，而非devDependencies中解决办法：执行npm i ant-design-vue --save-dev，将依赖安装在devDependencies中就可以了...
2021-12-09 21:39:31
2091
原创 input上传文件
背景在做一个需求的时候，需要添加一个上传视频的功能。原来的已经有了一个上传图片的功能，代码使用的框架是weui，经过了解，weui.uploader只支持上传图片，目前还无法上传视频。解决过程最后weui实在无法实现该功能，就使用了最原始的办法：html部分： <div class="weui-cells"> <div class="weui-cell"> <div class="w.
2021-12-06 17:52:28
3033
原创 小程序入门（学习目标梳理）（一）
学习目标：1.熟悉mvvm架构2.掌握小程序原生语法3.开发小程序案例配置开发环境1.注册微信开发者账号2.填写小程序注册信息3.获得小程序AppId3.安装微信开发者工具开发小程序1.学习flex布局 主轴和交叉轴 弹性缩放 对齐方式 排列方向2.设计小程序公共内容...
2020-04-18 10:58:40
312
原创 使用vscode时，设置不需要每次输入用户名密码
在使用vscode提交代码到git时，每次提交都需要输入用户名和密码，很麻烦以下的这种方法可以省略输入用户名和密码这一步：进入终端，输入git config --global credential.helper store就可以了。...
2020-03-17 14:17:53
3777
原创 安装和使用VueCli3.0
安装脚手架：npm install -g @vue/cliyarn global add @vue/cli创建项目：vue create freemall启动ui：vue ui(也可以通过npm run serve的方式启动)
2020-03-11 20:40:27
129
原创 webpack使用vue组件中style属性和scoped属性
1.scoped属性在webpack中使用vue组件时，如果用到了子组件，在子组件里面写了样式：<template> <div> <h3>这是Account的登录子组件</h3> </div></template><script></script><style&...
2020-03-07 14:27:00
586
原创 结合 webpack 实现 children 子路由
新建如下目录结构：我们创建了子路由的各个模块，新建router.js，把子路由模块从main.js中抽离出来router.js:import VueRouter from 'vue-router'// 导入 Account 组件import account from './main/Account.vue'import goodslist from './main/Go...
2020-03-07 14:14:51
195
原创 结合webpack使用vue-router
main.jsimport Vue from 'vue'// 1. 导入 vue-router 包import VueRouter from 'vue-router'// 2. 手动安装 VueRouter Vue.use(VueRouter)// 导入 app 组件import app from './App.vue'// 导入 Account 组件import acco...
2020-03-07 14:00:11
124
原创 export default 和export 的使用方式
目录结构同上src下新建一个test.js// 这是 Node 中向外暴露成员的形式：// module.exports = {}// 在 ES6中，也通过 规范的形式，规定了 ES6 中如何 导入 和 导出 模块// ES6中导入模块，使用 import 模块名称 from '模块标识符' import '表示路径'// 在 ES6 中，使用 export de...
2020-03-05 17:25:13
156
原创 使用webpack搭建vue开发环境（一）
1.参考之前博文webpack的使用，搭建目录结构，安装好webpack和之前提到过的配置工具。2.安装Vuecnpm i vue -S3.导入vue包import Vue from 'vue'注意：在webpack中，使用 import Vue from 'vue' 导入的vue构造函数，功能不完整，只提供了 runtime-only 的方式，并没有提供像网页中那样的使用方...
2020-03-05 17:02:10
453
原创 使用vue实例的render方法渲染组件
普通渲染组件的方式：1.以字面量的方式创建组件var login={template:'<h1>这是登录组件</h1>'}2.在vue实例里面注册组件var vm=new Vue({el:'#app',data:{},methods:{},components:{login}})3.在页面使用<body>...
2020-03-04 20:37:15
440
原创 webpack的使用（三）
由于一些原因，我卸载了之前安装的webpack3.6.1，重新安装了webpack4.41.6的版本注意：npm install webpack -g 之后，还要安装 npm install webpack-cli -g在本地项目亦是如此。在网上看到：webpack4 默认不需要再创建webpack.config.js来配置打包的入口和出口；默认情况下，入口为./src...
2020-03-04 19:54:52
129
原创 webpack的安装与使用（二）
（一）配置webpack.config.js不想手动指定入口和出口文件，就需要创建一个配置文件，把需要的配置写在配置文件里面。项目根目录下新建一个webpack.config.js1.打包bundle.js的配置const path=require('path');module.exports={ entry:path.join(__dirname,'./src/ma...
2020-02-28 14:13:55
141
原创 nrm 的安装与使用
（一）什么是nrm1.作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址；2.什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此之外，使用方式完全一样；（二）安装方式1.运行npm i nrm -g全局安装nr...
2020-02-27 11:01:04
197
原创 webpack的安装与使用（一）
（一）webpack安装的两种方式1.运行 npm i webpack -g 全局安装webpack，这样就能在全局使用webpack命令。（安装指定版本：npm install webpack@<version> -g 例如：npm install webpack@3.8.1 -g）2.在项目根目录中运行 npm i webpack --save...
2020-02-20 17:31:14
1019
原创 Node环境安装及初步认识
一.检查自己的电脑是否有该环境运行cmd，输入node --version或者node -v,查看是否有对应版本号输出。二.如果没有，进入node官网，下载安装，https://nodejs.org/en/,如果已经装过的，重新安装会自动覆盖，相当于升级了.三.输出hello word1.创建编写JavaScript脚本文件2.打开终端，定位到脚本文件所属目录3.输入 no...
2019-12-06 23:27:07
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人