本文讲述一下在vue项目中搭建element-ui框架，并实现模块的按需加载。准备工作：在此之前，需要大家搭建一个简单的vue+webpack项目，本文讲述的操作是基于这个项目的，所以，需要大家准备一下，具体操作步骤请参考本人上一篇博客( https://blog.csdn.net/crazy_jialin/article/details/80422964 )。第一步：安装elem...

目录安装及版本切换项目初始化目录结构对比安装及版本切换查看当前版本，如果是2开头说明当前使用的是vue-cli2，3开头的话就是vue-cli3vue --version如果无法识别vue命令说明没有安装vue-cli，使用以下说明进行安装安装2.0版本:npm install -g vue-cli安装3.0版本：npm install -g @vue/cli版本切换，即卸载当前版本，安装另外的版

在上一篇博客，我们通过webpack+vue-cli搭建了一个简单的vue2开发项目，走过的都知道，一个命令创建了好多文件和文件夹，一脸懵，这里，为大家简单介绍一下项目的目录结构，首先，来看整体项目目录结构的截图：先从最外层走起（根目录文件）：1.babelrc：作为项目babel的配置文件（Babel 是一个 JavaScript 编译器，作为我们项目对js的编译），可以将我们项目e...

问题描述相信大家在开发过程中一定碰到过vue项目中识别不了@符号（代表项目根路径），就像下面这个图一样：代码下方一直有webstorm的提示波浪线，Module is not found 或者 Module is not install，使用Ctrl + 鼠标左键 也点不进去，很是头大问题解决安装 @vue/cli-servicenpm install @vue/cli-service --sav

本文讲述一下在vue项目中搭建element-ui框架，并实现模块的按需加载。准备工作：在此之前，需要大家搭建一个简单的vue+webpack项目，本文讲述的操作是基于这个项目的，所以，需要大家准备一下，具体操作步骤请参考本人上一篇博客( https://blog.csdn.net/crazy_jialin/article/details/80422964 )。第一步：安装elem...

近年来，前端的发展速度惊人的快，要想跟上前端的进军速度，每时每刻都要学习。各种框架开发是相当流行，今天，带大家使用vue-cli搭建简单的vue+webpack热更新项目。准备工作：你的电脑要安装node（自带npm），这一点就不多说了,作为前端必备，哈哈。第一步：使用npm全局安装webpack和vue-cli（如果安装速度慢，可以使用cnpm淘宝镜像安装,直接百度就有）$ npm ...

对于程序员来说，代码的Debug是必不可少的。而在调试前端代码的时候很少用，都是在浏览器控制台看代码的console来观察变量值，单使用浏览器调试代码的缺点：不能快速定位到我们编辑器相应代码的地方代码里边会出现很多console.log()，浏览器的控制台一不小心就会变得很乱如果需要打断点，还需要从控制台的sources中寻找到js文件进行断点调试，有些脚手架的项目没有开启source-map，s