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

最近再用vue写一个移动端的应用,想通过手机访问看看页面效果,于是有了下文. 1.shif+右键打开命令行工具,输入ipconfig,回车,得到电脑的ip 2.找到工作目录下的config文件夹中的index.js,将localhost换为ipv4地址, 3,重新编译项目,命令行运行npm run dev命令开启服务 4.电脑或手机端浏览器地址栏输入ipv+端口号如:192.168.1.148:8080回车即可(要求电脑和手机在同wifi内)

vue本地项目静态资源管理 统一放在src/static里面css,images,js index.html里面使用重置样式 <link rel="stylesheet" href="static/css/reset.css">     组件里面使用图片 <div><img src="/static/img/img1.jpg"></div> css使用背景图片background: url(/sta

解决方法简单粗暴,非常简单粗暴 直接在根目录新建一个test文件夹就可以搞定,用来放置配置文件的 折腾了我一上午啊

最近调试微信公众号,由于微信授权需要线上正式环境的域名,笔者想把手机公众号网页重定向到PC本地localhost调试. 该方法通过Charles代理转发,适用所有需要域名重定向的场景,例如手机通过在线域名查看pc本地项目,微信开发者工具调试公众号等. 先开启本地服务,如果是vue项目,直接运行 npm start 就好了. 打开Charles(下载地址),点击 Tools > Map Remote,在弹出窗里点击add添加一条重定向规则,如下图: from是你要重定向的域名(生产环境域名/外网域

vue打包前的配置: 项目目录下--> config文件夹---> index.js: build:  { assetsPublickPath:  './',   // 设置成相对路径   '/' 改为 './' productionSourceMap: false, // 开发环境默认为true , 打包生产代码前设置为false } vue打包后运行在本地/非服务器端环境的访问路径 PC端: file:///E:/program files/www/index.html#/index 移动

正常开发中有时间提测比较麻烦.通常让测试小姐姐连接开发本地开启的服务器访问本地项目(在同一局域网下). 其实一般项目IDE已经实现这些功能例如webstorm和vscode,有时候需要单独配置下. 但是Vue项目在本地开发环境中他们就没办法通过IDE去开启服务器,一般都是是vue-cli脚手架开启服务器的这时候就需要我们做些特别的配置了. 首先需要获取自己的ip,我本人使用mac 在iterm中输入 ifconfig en0 可以拿到自己的IP inet 10.101.2.43 window系统

1.前端框架一般依赖node.js,我们首先要安装node.js.请参考: http://www.cnblogs.com/wuac/p/6381819.html to:安装好node.js后npm也安装OK了 , 自己在设置一下环境变量路径配置 自行百度.. 查看node版本命令:node -v 查看npm版本命令: npm -v 2.npm 的源都在国外的地址,安装起来特别慢,这里利用淘宝的镜像服务器. 安装命令为:npm install -g cnpm --registry=https://

vue项目运行控制台输出太多警告信息,我们需要vue 忽略警告, 解决方法:找到build/webpack.base.conf.js  文件 注释掉: // ...(config.dev.useEslint ? [createLintingRule()] : []), 保存,关闭服务重新 npm run dev  重启服务就可以啦

在本地测试的json没有问题,但是打包后,发现json 的路径不对了,变成了绝对路径 解决方法: 建立的json文件需要放置  根目录/static下.如项目名/static/data.json,这边打包后就不会报路径问题了.(请用起服务的方法来打开打包后的index.html,如anywhere来打开index.html). 当然也可以用express方法,这个就不详说了. vue 构建项目vue-cli vue 构建项目遇到的问题 vue 构建项目 文件引入

直接运行vue+django项目 下载前后端代码 wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip 解压缩前后端源码压缩包 unzip luffy_boy.zip unzip 07-luffy_project_01.zip 先从后端搞起 进入后端路飞代码文件夹 解决后端python模块问题,准备一个模块版

一.起因 在#单元测试#以karma+mocha+chai 为测试框架的Vue webpack项目(一)文中,说明了是对已有的Vue项目进行测试框架的搭建,并进行测试.但是此项目在利用 vue-cli 创建时并没有安装 unit 测试和 jest 工具,于是造成了karma start 测试运行时的一些错误.本文意在解决主要的错误. 二.错误论述 共有两个大错误: 1.关于mocha关键字未定义的错误 Error:describe is not define            Error:i

vue项目运行控制台输出太多警告信息,我们需要vue 忽略警告,如Expected indentation of 0 spaces but found 2 这种警告都提示,很影响视觉体验!     解决办法: 找到build/webpack.base.conf.js  文件     找到 第43行 module: { rules: [ // ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, load

声明 本文转自:如何运行一个Vue项目 正文 一开始很多刚入手vue.js的人,会扒GitHub上的开源项目,但是发现不知如何运行GitHub上的开源项目,很尴尬.通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家. 首先,列出来我们需要的东西: node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 安装node.js 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻

写作背景:手上入一个用Vue框架写的微信公众号项目,根据公司安排,我负责项目源代码的验收工作(当然专业的工作检测会交给web开发人员,我只是想运行起来看一看). 1 开发环境安装步骤: (一)安装node.js(JavaScript运行环境runtime) 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以完成. 完成之后,开发命令行工具,输入 node -v 如果出现相应的版本号,则说明安装成功. 另外,npm是node.js下的包管理器,npm能很好的和诸如webp

一.使用http-server 1.安装http-server npm install -g http-server 2.通过命令进入到dist文件夹 3.运行http-server 以上在浏览器输入上面地址就可以访问了 二.使用nodejs和express搭建服务器 使用express可以快速搭建一个完整的网站 1. 需要先安装nodejs 2.全局安装express-generator npm install express --save -g npm install express-gen

今天群里有个端友说到了这个,没当回事,devserver中虽然设置了端口,但是启动本地项目后,端口还是随便更换,网上回去初始化了一下项目,结果也遇到这情况了,刚好,我们只需要 npm install portfinder@1.0.21 就可以解决了, 这是又portfinder1.0.22版本导致的,vue-cli-service servey 启动后,服务器随机端口的问题

(注:本文的前提是本地Git仓库和github仓库之间已经存在SSH key了,所以如果没有建立联系的小伙伴们请先建立联系) 具体操作: 一:把本地项目变成版本仓库 1.把本地的一个项目目录编程版本库repository,例如下图,我把我E盘>A课件>大三2>VUE.JS 变成一个版本库. 通过命令 git init 可以吧一个目录变成git管理仓库 2.通过命令git add -A把VUE.JS目录下的所有文件添加到暂存区里面去,git add 可以都很多用法,git add -A只是

[TOC] 1. 前言 vue-cli 一个简单的构建Vue.js项目的命令行界面 整体过程: $ npm install -g vue-cli $ vue init webpack vue-admin $ cd vue-admin $ npm install $ npm run dev 后面分步说明. 2. 安装 前提条件,Node.js >=4.x版本,建议使用6.x版本.npm版本 > 3.x 全局安装vue-cli $ npm install -g vue-cli ... 3. 使用

1.首先得有node和npm的环境,node的下载:http://nodejs.org/download/.安装node之后,npm也自动生成了,显示版本号就意味着安装成功 2.接下来就是安装vue-cli脚手架,执行以下命令: $ npm install -g vue-cli 安装脚手架 $ vue init webpack demo 利用webpack生成一个模板,项目名是demo $ cd demo 进入到demo项目 $ npm install 安装依赖 $ npm run dev 运行

准备工作 需求由来: 当项目越来越大的时候提高项目运行编译速度.压缩代码体积.项目维护.bug修复......等等成为不得不考虑而且不得不做的问题.  又或者后面其他同事接手你的模块,或者改你的bug时避免人家看的眼痛以及心里千百句mamaipi...问候. 并且一个好的开发思路也能大大提高开发效率,以及检验自己. 进入正题: 在本地用 vue-cli 新建一个项目,这个步骤vue的官网上有,我就不再说了. 这里展示一下我的项目架构目录  这次主要讲红字具体实现部分 ├── build // 项