vue-cli 第135页

vue2.0 +Webpack 一个简单的todolist实例

用的vue-cli,这里就不写过程了，直接上代码吧！同样自己用webpack自己搭一个项目实例！

殖民_FE·2020-07-07 21:39

Vue、vue-router、vuex、axios 介绍

再加上构建工具vue-cli，sass样式,就是一个完整的vue项目的核心构成。概括起来就是：、1.项目构建工具、2.路由、3.状态

唐策·2020-07-07 21:36

使用vue-cli来创建一个vue项目

大概使用方法官方文档中已经给出了,如下图首先进行vue-cli的安装，在cmd中执行npminstall--globalvue-cli安装成功注：npmWARNdeprecatedcoffee-script

MengYan89·2020-07-07 20:41

vue框架与其生态系统的简单总结

文章目录前言一、vue-cli二、VueRouter三、vuex四、vue.js五、VueLoader六、项目示例前言这篇文章是自己的学习总结类文章，在术语的严谨性、知识的准确性、内容的完整性上可能有问题

一朵翔云·2020-07-07 20:23

vue-router、vue-cli、模块化开发

一、vue-routervue-route官方1.简介使用vue.js开发SPA(SinglePageApplication)单页面应用根据不同url地址,显示不同的内容,但显示在同一个页面中,称为单页面应用https://unpkg.com/vue-router/dist/vue-router.js2.基本使用创建单页面应用的几个步骤：1.定义组件2.配置路由3.创建路由实例4.创建vue实例,

likely001·2020-07-07 19:09

基于VUE-CLI框架开发THREE.JS从入门开始（7）轨道控制插件（类似轨迹球，但相对更优）

基于VUE-CLI框架开发THREE.JS从入门开始（7）虽然轨迹球插件可以来回的滚动，但是容易分辨不清楚上下左右的关系，容易混乱，适合调试，而轨道控制插件orbit则适合客户使用，还不会产生混乱效果。

前端从迷茫到火葬·2020-07-07 19:11

安装并搭建第一个vue工程 -- hello world（入门级）

qq240814476·2020-07-07 19:58

vue-cli 脚手架的完整安装教程

2、如果执行结果显示：xx不是内部命令，说明你还没有安装node,node下载地址：http://nodejs.cn/download/注：安装vue-cli脚手架目

Api - 小柒·2020-07-07 19:53

Error in created hook: "ReferenceError: “Promise”未定义" Vue-cli 项目谷歌没错，IE报错“Promise”未定义"

解决方法：1.首先下载安装babel-polyfill依赖：npminstall--savebabel-polyfill2.项目main.js入口文件引入：import'babel-polyfill'错误描述：chrome和ff都好使ie数据不出来错误分析：就是ie内核的报错，首先定位浏览器兼容问题，然后看报错：Errorincreatedhook:"ReferenceError:“Promise

秋秋喵·2020-07-07 19:59

vue-cli及vue-router(一)

1.单文件组件(1)问题：使用Vue.component来定义全局组件，紧接着用newVue({el:‘#container‘})在每个页面内指定一个容器元素。当在更复杂的项目中，或者你的前端完全由JavaScript驱动的时候，这种做法的缺点很多：全局定义(Globaldefinitions)强制要求每个component中的命名不得重复字符串模板(Stringtemplates)缺乏语法高亮，

tongwandouQX·2020-07-07 19:37

vue.js初学-开发环境搭建

ckdhold·2020-07-07 18:05

Vue JS 与Android webview的交互

我的项目使用Vue框架写的web端，大部分逻辑都在iframe里外加一个底部导航bar，没有用Vue-cli，使用多页面跳转。Androidstudio使用webView访问。

neabea2016·2020-07-07 17:06

Vue-cli项目打包后在IE内核浏览器显示白板问题（“Promise”未定义）

转载https://blog.csdn.net/QQ_Empire/article/details/88395185vue项目在谷歌打开没有问题，在360和2345浏览器打不开，控制台报错：SCRIPT5009:“Promise”未定义，原因是360、2345的内核和IE都是一根绳上的蚂蚱。解决办法：一、安装：npminstall babel-polyfill--save-dev二、在main.j

疯三年·2020-07-07 17:17

Vue系列——在vue项目中使用jQuery及其第三方插件

最近学习Vue.js做一个后台管理系统，采用vue-cli脚手架搭建，Element作为UI框架。

ChosenWu·2020-07-07 17:10

vue修改单页面标题title

使用vue-cli在项目创建时会有一个统一默认的title（默认是创建项目的名称），会有根据不同组件（单页面）有不同标题title的需求。

米柆·2020-07-07 17:52

vue---vue项目在ie浏览器显示空白解决方法（安装babel-polyfill ）

问题描述：使用vue-cli脚手架搭建的项目，【npmrundev】运行，在chrome下显示，ie下显示空白。

maidu_xbd·2020-07-07 16:08

electron打包vue-cli项目为桌面程序（三）：开发环境使用electron开发桌面应用

一：引入electroncnpminstallelectron--save-dev在开发环境使用electron二：build文件夹下增加electron-preload.js文件，内容可以为空。主要用来在创建桌面窗口前定义一些window全局变量。可根据项目自行定义。如：window.isElectron=true在项目中进行判断是否为桌面程序打开，可以调用electron的一些api三：bui

师夷长技以制夷·2020-07-07 16:15

electron打包vue-cli项目为桌面程序（一）：vue-cli创建webpack项目

2：安装vue脚手架vue-clinpminstallvue-cli-g3：使用vue-cli初始化一个webpack项目vueinitwebpackstudyelectron（自定义的项目名称）创建项目过程中有些项目信息需要确认

师夷长技以制夷·2020-07-07 16:15

vue-cli中mock本地json数据踩雷：报错404 （GET http://localhost:8080/goods 404 (Not Found) ）

标题vue-cli中mock本地json数据踩雷：报错404运用vue的脚手架进行了项目的搭建，想要通过json文件模拟后台传输数据，结果一直报错：404，经过不断的查找资料和调试终于找到问题的所在。

builder2991·2020-07-07 14:03

vue移动端自适应布局（基于vue-cli）

本篇文章引自http://blog.csdn.net/z1712636234/article/details/77881685；1.安装lib-flexiblnpmilib-flexible--save2.在项目入口文件main.js中引入lib-flexibleimport'lib-flexible/flexible.js'3.在项目根目录的index.html头部加入手机端适配的meta的代码

lmx_960824·2020-07-07 14:04

vue-cli 搭建的项目处理不同环境下请求不同域名的问题

使用vue-cli开发项目过程中,根据开发环境和正式环境不同,我们往往需要请求不同域名下的后台接口,这时候,该怎么去设置,达到同一种写法可以根据环境不同而自动切换请求域名呢?

liumiaomiao1991·2020-07-07 14:53

太强了，从 0 到 1 搭建 vue-cli

本文来源于「Vue虚拟实验by张家博」，作者自己一步一步实现了类似于vue-cli做的工作，帮助你理解vue-cli中所使用的工具，比如webpack、ESLint、babel等。

lefex·2020-07-07 13:11

vue-cli + webpack + Browsersync 进行移动端的同步调试

准备工作在使用脚手架安装Vue项目的时候，首先要安装好，node.js、npm或cnpm、webpack，可以使用以下命令进行查看并确认是否安装//查看node版本$node-v//查看npm版本$npm-v//查看cnpm版本$cnpm-v安装使用脚手架安装vue项目，安装脚手架：//脚手架安装npminstall-gvue-cli//安装项目vueinitwebpackprojectName如

kongcheng_001·2020-07-07 12:08

vue-cli路由传参的三种基本方式

现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。方案一：getDescribe(id){//直接调用$router.push实现携带参数的跳转this.$router.push({path:`/describe/${id}`,})对应路由配置如下{path:'/describe/:id',name:'Describe',component:Describe}很显然

吴莉·2020-07-07 12:43

在vue-cli项目中使用使用swiper

第一步：切换进项目安装swipernpminstallswiper--save-dev第二步：创建组件swiper.vue导入importSwiperfrom"swiper";@import'swiper/dist/css/swiper.css';完整swiper.vue组件Slide1Slide2Slide3importSwiperfrom"swiper";exportdefault{name:

吴莉·2020-07-07 12:43

关于vue-cli + webpack打包给后台,部署上线

首先需要修改一下配置文件再打包，很多人都是遇到过打包后运行一片空白等等问题，这些问题主要就是路径的问题，所以需要修改config下面的index.js这个配置文件里选项：上图中第一个要修改的就是静态文件的路径，打包后静态文件就在当前目录下，所以修改为./第二个是环境设置为生产环境修改好后打开cmd运行下面的命令打包即可：注意下面的tip，告诉你这个打包后的文件需要放到服务器才能打开，不能直接使用浏

jingtian678·2020-07-07 11:46

【避坑总结】创建vue-cli后报错找不到package.json文件

在一次利用vue-cli创建vue项目后，敲入npmrundev后报错找不到package.json文件npmERR!

goodboy-yes·2020-07-07 11:58

基于Electron实现桌面应用开发代码实例

1.环境准备这里采用的是vue-cli3.x，可以通过下面的指令查看当前vue-cli的版本：vue--version#3.9.3这里我用的是3.9.3如果没有装vue-cli可以通过下面的命令安装：npminstall-g

·2020-07-07 10:03

对vuex的理解

下面是vuex的简单使用(基于vue-cli):1.安装vuexnpminstallvuex--save2.在src目录下新建一个名为store的文件夹，store文件夹里新建index.js文件,index.js

x_apricot·2020-07-07 10:40

使用vue-cli脚手架创建的项目结构详解

项目整体目录结构预览src目录src整体结构开发过程中基本上操作都在该目录下进行操作的，项目所有源码都是在这个目录下main.js文件，项目核心文件App.vue文件，项目入口文件router/index.jsbuild目录build目录的文件和作用是打包编译输出的相应文件配置，用于打包和部署build.js文件require('./check-versions')()//检查Node和npm版本

胡椒粉0121·2020-07-07 10:27

搭建Vue脚手架，并上传到远程仓库GitHub步骤

可以看到几条命令：第一条“全局安装”只需安装一次，后面的项目就不用装了;“my-project”是自定义的项目名称敲第二行的时候回出现多个选择到这里打开命令行的地方会创建一个文件test-project，里面就是vue-cli

helloFE·2020-07-07 09:02

@vue/cli vue create初始化项目时使用yarn安装依赖

使用vue-cli搭建Vue项目脚手架后如何将Vue项目初始化的命令改用yarn安装呢？

兰亭古墨·2020-07-07 09:40

vue-cli 打包时抽离项目相关配置文件

前言：当使用vue-cli进行开发时时常需要动态配置一些设置，比如接口的请求地址（axios.defaults.baseURL），这些设置可能需要在项目编译后再进行设置的，所以在vue-cli里我们需要对这些配置文件进行抽离

hello_读书就是赚钱·2020-07-07 09:45

vue-cli 单页面手机应用input点击手机端虚拟键盘弹出盖住input

在用vue-cli脚手架搭建手机H5页面应用的时候，其中一页中部有input，底部有position：absolute；bottom：0的元素，当点击input框时在安卓手机上出现了：1虚拟键盘弹出盖住

happyElina·2020-07-07 09:28

vue-router

官网：https://router.vuejs.org/zh-cn/因为我们更多的是利用vue+webpack搭建整个项目的框架（例如vue-cli），所以我们这里利用vue-cli讲解1.路由的介绍何为前端路由路由是根据不同的

南张门·2020-07-07 09:15

nuxt.js使用笔记

nuxt.js官网:https://zh.nuxtjs.org/guide/routingNuxt作用:为什么要用:一个网站分为前台与后台,现在的web前端开发都是进行组件化开发,那么传统的vue-cli

gongliming_qd·2020-07-07 08:57

vue-cli 3中dart-sass替换node-sass

在使用node-sass过程中我们经常会遇到很多问题，不同平台上有各种各样的问题，python版本的问题，node-gyp的问题，node.js的版本问题等等，甚至因为国内网络的问题等等，所以官方现在推荐用dart-sass来作为编译器，在实际操作中发现dart-sass基本没什么坑，但是因为项目用的是vue-cli3初始化的vue项目，选用了node-sass，导致不管是部署还是多人开发都遇到了

Melo_cccd·2020-07-07 08:54

使用Vue-cli快速搭建webpack项目

项目第一步下载更新npmWindows下使用如下命令全局安装：npmi-gn//或者npminstall-gn安装好之后使用命令:node-v//以及npm-v*如果能查到版本号说明安装成功第二步安装vue-cli

kkxiaoa·2020-07-07 08:48

vuejs-折腾系列（一）vue-fontawesome使用

折腾前言目前工作主要使用vue.js框架进行开发，自己又对vue不是那么了解，还是半桶的状态，所以得加紧步伐赶紧熟悉起来，这两天在使用脚手架vue-cli创建项目玩耍中，又一直对font-awesome

若叶岂知秋vip·2020-07-07 08:25

day 86 Vue学习之五DIY脚手架、webpack使用、vue-cli的使用、element-ui

本节目录一vue获取原生DOM的方式二DIY脚手架三vue-cli脚手架的使用四webpack创建项目的玩法五element-ui的使用六xxx七xxx八xxx一vue获取原生DOM的方式$refs之前我们获取

deng6648·2020-07-07 06:30

使用vue-cli构建单页面应用

开始之前vue-cli作为vue的脚手架工具，集成了webpack环境及主要依赖，对于项目的搭建、打包、维护管理等都非常方便快捷。在开始项目之前，建议先熟悉vue.js基本语法。

ZIFeng_·2020-07-07 06:01

Vue工程中单独封装axios拦截器

一、新建函数文件：在vue-cli工程内新建axios-request.js、axios-api.js，其中aixos-request.js用于对axios进行封装，axios-api.js用于接口的统一管理

bangju1704·2020-07-07 03:14

express + vue 项目搭建

node:npminstallnode安装express:npminstallexpress-g（-g全局安装）构建express项目：expressproject-name接着正常构建vue脚手架安装vue-cli

b002843508509502·2020-07-07 03:44

如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码//在开头引入webpack，后面的

qwerer·2020-07-07 03:04

Vue.js 非父子组件之间的通讯

那么在vue-cli项目中可以这样使用：main.js//main.js文件importVuefrom'vue'...Vue.prototype.bus=newVue({})A

QuinnR·2020-07-07 02:08

vue-cli中使用swiper

npmivue-awesome-swiper-s在main.js中importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper);在所需要的页面中import'swiper/dist/css/swiper.css'import{swiper,swiperSlide}from"vue-awesome-swiper";0"

Zyl_CN·2020-07-07 01:50

vue mint-ui 项目常见报错问题与解决方法

Usenpminstall-gvue-clivueinitwebpackprojectname测试时：npmrundev打包时：npmrunbuildvue-router1、配置Router用vue-cli

吴姝璇·2020-07-07 01:52

win10 安装 vue.cli 一波三折

官网下载node.js后，一路安装，顺风顺水，命令行输入node-v以及npm-v查看是否安装成功，令人眉开眼笑：然而，接下来安装vue-cli，可真是把我折磨坏了！！

星汉翠竹·2020-07-07 01:02

HTML引入vue.js，在ie浏览器中不显示

因为只有两个页面，所以我没有用vue-cli搭框架，直接在HTML中引入vue.js文件。

Start2019·2020-07-07 00:26

vue-cli中使用sass或者less

什么是sass、less？他们有什么区别？请移步官网！这里仅仅记录一下如何使用开门见山。sass创建好vue脚手架后，打开命令行安装sass:脚手架虽然有配置sass，配置在build/utils.js，但对应的loader未安装,请执行以下命令：npminstall--save-devnode-sassnpminstall--save-devsass-loader在这里需要的注意的node-sa

SnowBeatRain·2020-07-07 00:07

推荐频道

vue-cli