使用终端安装Vue运行环境 1.安装 Homebrew Homebrew 是osx下面最优秀的包管理工具,没有之一.先在终端查看是否已安装brew brew -v 如果返回 Homebrew 的版本号 例如:Homebrew 1.3.6 那么恭喜你,可以跳过这一步,如果没有,那就乖乖执行第一步. /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)&quo

本文链接:https://blog.csdn.net/qq_39309900/article/details/84837659首先第一步,需要安装node.js 下载地址:https://nodejs.org/en/download/点击windows installer 下载,然后一直下一步就好 完成以后,在控制台输入:node -v看到版本信息: NPM(就是一个类似仓库的东西,和java的中央仓库差不多,直接在控制台输入npm的命令,就可以下载你想要的)安装完成Node应该自带了NPM了,

一个 Vue 项目从一台电脑上传到 github 上之后,再另外一台电脑上 git clone .并使用 npm run dev 或 npm run start 发生以下报错的解决方法.   报错原因 缺少 node_modules 里面的依赖.在项目目录下使用 npm install然后再 npm run dev.如果在这一步当中, npm install 执行的过程中,处于一直卡顿的状态.说明网络状况不佳.建议使用 cnpm 淘宝源. 淘宝源 使用 cnpm -v 查看是否已经安装 cnpm

在使用vue做开发时,大部分人只会使用官方提供的脚手架搭建项目,脚手架虽然很好用,但想要成为一名优秀的前端开发者,webpack这一道坎是绕不开的,所以我们要学会脱离脚手架,利用webpack手动搭建vue项目.下面我们使用webpack构建一个简单的vue项目. 前置条件: 电脑已安装node 基本步骤如下: 1. 新建一个空目录,并进入到改目录 $ mkdir myApp $ cd myApp 2. 初始化一个最简单的采用模块化开发的项目 $ npm init 执行这条命令时,会询问你一些项

电脑必备软件集合: Chrome,FF Nodejs VS code (ATOM...) GIT || SVN 插件类:postman 美术类:ps,pxcock等,自己喜欢的就行 翻译类:有道词典 vue项目环境搭建: JS框架:Vue UI框架:Iview(移动端)等 插件:axios,better-scroll 安装yarn:npm i yarn -g 安装Vue架手架:yarn global add @vue/cli 使用脚手架搭建项目:vue create 项目名(全小写) 启动项目:

一.bootstrap组件 无数可复用的组件,包括字体图标.下拉菜单.导航.警告框.弹出框等更多功能. 组件和插件的区别? 插件:一个功能,比如js文件 组件:html css js 组件包含插件 面版 虽然不总是必须,但是某些时候你可能需要将某些 DOM 内容放到一个盒子里.对于这种情况,可以试试面板组件. 基本实例 默认的 .panel 组件所做的只是设置基本的边框(border)和内补(padding)来包含内容. 带标题的面版 通过 .panel-heading 可以很简单地为面板加入一

马上过年了,最近工作不太忙,再加上本人最近比较懒,毫无斗志,不愿学习新东西,或许是要过年的缘故(感觉像是在找接口). 就把前一段时间做过的vue项目,进行一次完整的总结. 这次算是详细总结,会从项目的搭建,一直到最后的服务器上部署. 废话不多说了.干货直接上. 一.   必须node环境,   这次就不写node环境的安装了.过两天我会写个node环境的安装随笔. 二.  node环境配好后.开整vue. 1. 安装vue脚手架. npm install -g vue-cli 2.  用脚手架搭

最近对vue前端框架情有独钟.但研究了一下怎么把vue项目打包成android apk来玩玩. 首先讲一下创建vue2.x项目.其实在之前的文章中都有写过,有兴趣的同学可以去看看.http://www.cnblogs.com/Gherardo/p/7170540.html 这里就不多废话了. 项目地址:https://github.com/Gallado/IFlowers  apk也在相应的目录下: 1:创建cordova项目:      第一步:安装cordova 如果已经安装则直接跳过,否则

vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误. 要想本地正常的调试,解决的办法有三个: 一.关闭谷歌浏览器的同源策略,这样就不存在跨域问题了. window 新建一个 chrome.exe 的快捷方式, 并且关闭所有的chrome浏览器 设置参数,关闭 同源策略 --a

1.查询ip地址 win+R打开cmd 窗口 输入ipconfig 找到IPV4地址   192.168.x.xxx 2.在vue项目config文件夹中的index.js,将localhost换为ipv4地址 host: '192.168.x.xxx', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a fre

一.element-ui的简单使用 1.安装 1. npm 安装 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用. npm i element-ui -S 2. CDN 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用. <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/eleme

有时候 Mac 从睡眠状态恢复之后没有声音,这是 Mac OS X 系统的一个 Bug.这是因为 Mac OS X 的核心音频守护进程「coreaudiod」出了问题,虽然简单的重启电脑就能解决,但是如果此时开启了很多程序后者有其他情况不想重启电脑的话,可以按照下面的方法解决此问题. 操作步骤: 1.在 Mac 中打开活动监视器(在 Finder 的「应用程序」中搜索「活动监视器」可以找到). 2.在「活动监视器」窗口右上角的搜索框里输入「audio」,此时可以搜索到「coreaudiod」进程

1.安装node.js 安装完成之后,打开dos(windows+R或者直接windows键打开,输入cmd,按回车键)窗口,输入命令node -v可以查看安装的 node.js版本 node.js自带npm(包管理)安装完成之后,npm本地仓库默认在 C:\Users\Administrator\AppData\Roaming 目录下.注:有 的电脑会自己隐藏文件夹,可以复制上面的目录地址在自己电脑上直接进入.看到如下图的两个文件夹:npm和npm-cache 接下来就是将上面的npm和npm

在vue中配置rem 位置:在APP.vue的script中,在export default之外 (()=>{ let winW = document.documentElement.clientWidth, desW = 1440, htmlFont = winW / desW * 100; window.htmlFont = htmlFont; document.documentElement.style.fontSize = htmlFont + 'px'; })() 浏览器的兼容性之Ma

使用NPM安装Vue项目步骤如下: 一.先安装node.js,下载node.js安装包,node.js安装成功之后,左击电脑左下角>运行>输入cmd,如下图所示: 二.点击确定进入,分别在命令行工具中输入指令node -v以及npm -v 查看node.js以及npm的版本,如果出现版本说明安装成功了:如下图所示: 三.都准备好之后,通过查看vue官网的安装教程,我们开始正式的安装项目: 1.我们可以直接全局安装 vue-cli,输入 npm install --global vue-cli,

一.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue serve .vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖.构建于 webpack 和 webpack-dev-server 之上(提供 如:serve.build 和 inspect 命令) CLI 插件:给Vue 项目提供可选功能的 npm 包 (如

vue项目如何不分离发布 1.首先yarn build 我用了vue-cli脚手架,bulid后的dist文件夹里的index.html有加版本号,那么为什么需要加版本号呢? a.回滚 b.解决浏览器缓存的问题 2.我们使用apache或者nginx帮助我们 2a.apache 这里我用的是XAMPP 1>把apache打开(我这里是点击start) 2>点击后青青草原绿 3>etc文件下的->http.conf文件(不同人电脑这个文件的路径好像不一样,自行查找) 4>打开该

异常描述: ios系统手机中访问h5页面,按钮点击有延迟,连续点击卡顿.无反应. 异常原因: 这要追溯至 2007 年初.苹果公司在发布首款 iPhone 前夕,遇到一个问题:当时的网站都是为大屏幕设备所设计的.于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点的问题.这当中最出名的,当属双击缩放(double tap to zoom),这也是会有上述 300 毫秒延迟的主要原因.双击缩放,顾名思义,即用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将

最近开始转战安卓,准备把我在苹果上的应用也在安卓上来一波,其中就遇到一个问题就是最牛天气(iOS和微信小程序都已经有了,就差安卓的了)引用的百度的定位功能,需要填写发布版SHA1和开发版SHA1,作为安卓的入门选手表示一脸懵逼啊,直接百度吧,看教学视频太浪费时间了,而且在苹果电脑上教Android Studio的教学视频不是太多,可能就没有,也没有搜. 其实很简单. 1.开发版的SHA1这个很好获取,因为一个项目建好之后就是开发环境,所以很简单. 打开ITerm,找到主目录(默认的就是),cd

在自己的电脑下载了npm 与 node的情况下 可使用vue-cli快速构建vue项目执行命令如下: # 全局安装 vue-cli$ npm install -g vue-cli# 创建一个基于 "webpack" 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-project$ npm install$ npm run dev // 这个vuetest是你的项目名称 自己起个名字就好了// 之后就可以按照页面提示 一直输入ent

一.安装node.js 1.根据电脑的自行下载node.js安装包http://nodejs.cn 2.点击安装,按照正常的的一路点击下去 3.验证安装是否成功,按键win+r,输入cmd打开命令行工具,点击确认后再输入node -v 出现版本好说明npm安装成功 二.安装npm 1.新版的node.js已经集成了npm,所以npm也一并安装好了. 2.可以在cmd命令行输入"npm -v"来测试是否成功安装.如下图,出现版本提示便OK了. 三.安装webpack 1.安装webpac