注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 详解vue-cli 脚手架 安装

  2. demoApp

  3. 所属分类：其它

    • 发布日期：2020-10-17
    • 文件大小：59kb
    • 提供者：weixin_38502693

  1. 基于脚手架创建Vue项目实现步骤详解

  2. 第一步 准备工作 1.下载安装Node.js 验证是否安装的方法，在命令行输入node -v 2.安装Vue 在命令行输入npm install -g vue/cli 查看Vue版本号 npm vue –version 如果Vue版本太低，先卸载Vue低版本 npm uninstall vue-cli -g 第二步 创建Vue项目 1. 打开要创建路径 2-1.vue CLI3版本输入vue create test创建名为test的项目 　接下来会问你一系列的问题 　　Please pick

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：229kb
    • 提供者：weixin_38697979

  1. vue2.x+webpack快速搭建前端项目框架详解

  2. 一、本文将分享如何快速搭起基于webpack+vue的前端项目框架，利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。下面是具体实操。 二、基本命令操作。 1.在开发之前需要首先安装node.js，直接百度搜索或者在其中文官网也可以下载http://nodejs.cn/download/ 在装完node之后npm包管理工具也自动的安装好，安装完之后，在命令行输入node -v或者npm -v，出现版本号说明安装成功。如下

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：308kb
    • 提供者：weixin_38750761

  1. vue项目中axios使用详解

  2. axios在项目中(vue)的使用 没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~ 如果开发遇到跨域问题可以参考：//www.jb51.net/article/134571.htm 安装axios到项目中 npm install axios –save 配置wepack别名，不同环境访问不同的配置接口 配置： 使用：import config from 'config' 封装一个axios实例 新建fetch.js,在此创建axios实例与过

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：155kb
    • 提供者：weixin_38691199

  1. 基于Vue2的移动端开发环境搭建详解

  2. 前言 vue2.0发布了，那么还在用vue1.x的你，是不是也有所心动呢？下面这篇文章就给大家详细介绍基于Vue2的移动端开发环境搭建的详细步骤，下面来一起看看吧。 一、vue-cli 首先还是介绍我们的脚手架工具，因为它能让我们省去大部分的配置时间，这里只给出简单步骤，保证你的命令顺利运行的前提是安装最新版本的 node 和 npm，这里不赘述升级流程 全局安装 vue-cli npm install vue-cli -g 借此也全局安装一个 webpack npm install web

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：249kb
    • 提供者：weixin_38695751

  1. 详解使用vue-cli脚手架初始化Vue项目下的项目结构

  2. vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 使用vue-cli有以下几大优势： vue-cli是一套成熟的Vue项目架构设计，会跟着Vue版本的更迭而更新  vue-cli提供了一套本地的热加载的测试服务器  vue-cli集成了一套打包上线的方案，可使用webpack或Browserify等构建工具

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：161kb
    • 提供者：weixin_38544978

  1. 详解vue2.0脚手架的webpack 配置文件分析

  2. 前言 作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在这里赘述，对它还不熟悉的同学可以直接访问 vue-cli 查看 目录结构 . ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：94kb
    • 提供者：weixin_38685455

  1. vue-cli3.0 脚手架搭建项目的过程详解

  2. 1.安装vue-cli 3.0 npm install -g vue/cli # or yarn global add vue/cli 安装成功后查看版本：vue -V(大写的V) 2.命令变化 vue create --help 用法：create [options] 创建一个由 `vue-cli-service` 提供支持的新项目 选项：   -p, –preset        忽略提示符并使用已保存的或远程的预设选项   -d, –default                

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：87kb
    • 提供者：weixin_38694299

  1. 详解vue-router和vue-cli以及组件之间的传值

  2. 首先简单介绍使用vue-router的四个基本步骤：（为了方便演示，所有代码都写在一个文件里） 1.定义组件 2.定义路由 3.创建router实例并将定义好的路由传入 4.创建和挂载根实例 再来说一下vue-cli 一、安装vue-cli脚手架工具 cnpm install vue-cli -g 二、 创建项目 vue init webpack-simple vue_webpack 使用的是webpack-simple模板，项目名为vue_webpack , w

  3. 所属分类：其它

  1. 详解Vue 全局引入bass.scss 处理方案

  2. 为解决在Vue组件中全局引入 scss 变量及 mixins ，装载了一个名为 “sass-resources-loader” 解析器。 安装 $ > cnpm i -D sass-resources-loader 配置 配置的话是在 vue 的 loader 解析器中配置，即在 vue-cli 脚手架方式构建出来的文件中是以 build/utils.js，在该文件中定义了 cssLoaders() 方法，该方法定义了诸如 css、less的解析方式，具体如下。 // build/u

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：25kb
    • 提供者：weixin_38699830

  1. 详解vue-cli中的ESlint配置文件eslintrc.js

  2. 本文讲解vue-cli脚手架根目录文件.eslintrc.js，分享给大家，具体如下： 1.eslint简介 eslint是用来管理和检测js代码风格的工具，可以和编辑器搭配使用，如vscode的eslint插件。当有不符合配置文件内容的代码出现就会报错或者警告 2.安装exlint npm init -y npm install eslint --save-dev node_modules\.bin\eslint --init 初始化配置文件，此配置文件配置好之后，vscode编辑器自动

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：44kb
    • 提供者：weixin_38559346

  1. 详解vue-cli官方脚手架配置

  2. 一，准备工作 1.下载node.js 和 npm 2.将镜像源替换为淘宝镜像 二，创建项目 1.vue环境搭建 创建目录resume 1）npm init -y 2）npm install vue-cli -g (安装vue-cli ) 3）vue init webpack –dirname(为空时默认当前目录) 输入命令后，会询问我们几个简单的选项，我们根据自己的需要进行填写就可以了。 Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写，所以我把

  3. 所属分类：其它

    • 发布日期：2020-12-07
    • 文件大小：145kb
    • 提供者：weixin_38714641

  1. 详解mpvue开发微信小程序基础知识

  2. 一、mpvue简介 mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini program 的缩写。 二、mpvue快速入门 ① 通过脚手架引入mpvue模板 vue 3.0已经不支持vue init命令了，所以需要单独安装vue/cli-init，安装好之后，就可以按以下操作

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：108kb
    • 提供者：weixin_38558623

  1. 在vue-cli中引入lodash.js并使用详解

  2. lodash 是一个一致性、模块化、高性能的 Javascr ipt 实用工具库。 在vue官方文档中使用了lodash中的debounce函数对操作频率做限制。其引入的方式是直接引入了js [removed][removed] 而现在我们使用vue-cli脚手架搭建的项目在这样使用，明显会很不合适。所以我们需要通过npm来安装 $ npm i --save lodash 然后在项目中通过require去引用 // Load the full build. var _

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：34kb
    • 提供者：weixin_38661008

  1. 详解vue-cli快速构建项目以及引入bootstrap、jq

  2. vue-cli脚手架工具快速构建项目架构： 。。首先默认了有已经安装了node。。。  npm install -g vue-cli                   全局安装vue-cli  vue init webpack cnm                  生成项目名为cnm的的项目模板，cnm自定义 npm install                                   到cnm文件夹中打开Git bash或者命令窗口初始化安装依赖 此时文件夹目录应

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：145kb
    • 提供者：weixin_38653085

  1. vue脚手架搭建项目的兼容性配置详解

  2. 使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。 首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js第一行引入 import 'babel-polyfill' 安装引入成功之后，如果项目还不能正常运行 则需要安装babel进行解析 （推荐阮一峰老师的文章https://www.jb51.net/art

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：28kb
    • 提供者：weixin_38674415

  1. 详解vue组件开发脚手架

  2. generator-vue-component可以快速生成自己的组件开发的脚手架，类似于vue-cli生成vue项目，这脚手架是目录结构是方便组件开发和调试 由于脚手架是由yeoman搭建，所以必须全局安装yeoman npm install yo 然后全局安装generator-vue-component npm install generator-vue-component -g 到项目目录，获取对应的开发模板 yo vue-component-developer 运行上面命令会

  3. 所属分类：其它

    • 发布日期：2020-12-04
    • 文件大小：223kb
    • 提供者：weixin_38600696

  1. 详解vue 项目白屏解决方案

  2. 在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题 白屏可能的原因： es6 代码没有被编译成 es5 ； 文件打包路径错误； 运营商塞入的广告 js 服务器报错，连累项目不能下载资源； 针对 1 和 2 ，分别采取以下做法： 解决位置：config/index.js 文件：把 assetsPublicPath: ‘/’ 改为assetsPublicPath: ‘./’

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：39kb
    • 提供者：weixin_38547882

  1. 详解如何使用Node.js编写命令工具——以vue-cli为例

  2. vue-cli全局安装之后，提供了vue命令和vue init、vue list、vue build三个子命令，通过命令可以搭建基于vue.js的脚手架项目。本文简单介绍一下这些命令是如何实现的。 vue-cli的项目目录 如下图，由之前文章介绍，npm安装过程中，可以利用package.json中bin字段的配置，将bin目录下的命令文件软连到全局命令。也就是说在/usr/local/bin下生成了四个软连命令：vue、vue-build、vue-list、vue-init。   vue命令

  3. 所属分类：其它

    • 发布日期：2021-01-20
    • 文件大小：129kb
    • 提供者：weixin_38550459

  1. 详解vue-cli 脚手架 安装

  2. 一、 node安装 1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）； 2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/ 注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 二、 vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局 安装完成以后可以输入命令：vu

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：162kb
    • 提供者：weixin_38632825
« 12 »