参考菜鸟教程 1.先安装node,js和npm 检验mpm 和node的方式是 npm -v / node -v 2.安装最新版本 npm install @vue/cli -g 意外安装老版本的是代码 npm install vue-cli -g 卸载老版本的代码是 npm uninstall v ...
分类：
其他好文 时间：
2020-01-17 19:11:36
阅读次数：
92
场景：优化打包后的代码，提高性能。 1.方式一：report-json。 1.1 package.json文件里加入以下命令， 1.2 然后控制台运行 npm run report 1.3 结果：会在dist文件夹里生成 report.json。里面有打包后每个文件的来源。 2.方式二：使用 sta ...
分类：
其他好文 时间：
2020-01-17 11:48:32
阅读次数：
356
前置环境配置 git环境配置： nodejs 的环境搭建： 安装vue cli： clone主题 创建 Github Pages 新创建一个仓库，名字是： 这是 github 提供的个人主页，直接在浏览器输入： ，就可以访问 部署本地项目到 Pages 项目里现在有一个 脚本，可以自动部署，需要修改 ...
分类：
其他好文 时间：
2020-01-16 13:01:06
阅读次数：
81
尽管vue-cli已经优化了好多配置和目录机构，但是下面的介绍还是有用的。 build webpack 配置相关 config webpack 配置相关 src源码 static 第三方静态资源 .gitkeep git默认不提交空目录 放在空目录中，可以使git提交的时候，提交该目录。 .babe ...
分类：
其他好文 时间：
2020-01-16 01:12:13
阅读次数：
90
前提：我用的vue-cli配置的环境 H5添加接口代理和域名解析 接口代理 1.配置主机 2.设置端口 3.拦截请求 在项目根目录添加文件vue.config.js 代码： module.exports = { devServer: { // 设置主机地址 host: 'm.imooc.com', ...
分类：
其他好文 时间：
2020-01-15 20:00:45
阅读次数：
84
VueRouter系列的文章示例编写时，项目是使用vue-cli脚手架搭建。 项目搭建的步骤和项目目录专门写了一篇文章：点击这里进行传送 后续VueRouter系列的文章的示例编写均基于该项目环境。 VueRouter系列文章链接 《VueRouter爬坑第一篇-简单实践》 《VueRouter爬坑 ...
分类：
其他好文 时间：
2020-01-15 19:10:16
阅读次数：
94
Vue-cli 项目结构 vue-cli 为我们搭建开发所需要的环境 目录结构及主要功能 |-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- d ...
分类：
其他好文 时间：
2020-01-15 09:40:15
阅读次数：
89
搭建环境 工欲善其事必先利其器，我们的学习计划从学会搭建Vue所需要的环境开始，node和npm的环境不用说是必须的，现在前端流程化很热门，基本上新的技术都会在这套流程的基础上做开发，我们只需要站在巨人的XX上装*就可以了。我假设你的机子上已经有了最新的node和npm了，那我们就只需要执行以下命令 ...
分类：
其他好文 时间：
2020-01-15 09:19:53
阅读次数：
78
自定义自己的vue-cli模板 在使用vue-cli的过程中，常用的webpack模板只为我们提供最基础的内容，但每次需要新建一个项目的时候就需要把之前项目的一些配置都搬过来，这样就造成挺大的不方便，如果是作为一个团队，那么维护一个通用的模板，我认为是挺有必要的。 例如下面是我常用构建项目的目录。 ...
分类：
其他好文 时间：
2020-01-14 20:27:13
阅读次数：
177
安装 Yarn: npm i yarn -g --verbose 表格拖动，扩展： npm install --save vue-draggable-resizable 2. 创建一个项目 # 使用命令行进行初始化。 3. 启动项目： yarn serve 3. 清理npm 直接进入C:\Users ...
分类：
其他好文 时间：
2020-01-13 23:52:57
阅读次数：
230
