vue官方有给vue项目提供一个官方命令行工具，官方的解释为： Vue 提供了一个官方的 CLI，为单页面应用快速搭建 (SPA) 繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。 首先需要安装这个脚手架来运行vue。（我用的mac） 安装脚手架需要用到npm，但是npm的缺陷即是在国内...
1.如何使用vuex来保存数据（需要传参的情况下）实例说明：登录->缓存用户信息->跳转到首页->从state获取用户信息显示在页面上step1: 新建store.js作为初始化vuex的主文件，可在里面创建state对象，缓存数据字段，初始化vuex， 目录结构如下：store.js代码如下： 1 import Vue from ‘vue‘;2 import Vuex from ‘vuex‘;3 import * as actions from ‘./actions‘;4 import * as getters from ‘./getters‘;5 import * as mutatio...
特别提示：本人博客部分有参考网络其他博客，但均是本人亲手编写过并验证通过。如发现博客有错误，请及时提出以免误导其他人，谢谢！欢迎转载，但记得标明文章出处：http://www.cnblogs.com/mao2080/1、问题描述给前端同事部署了web项目之后，访问发现除了index.html可以访问，其他的路径使用了“伪静态”。比如访问：http://localhost:8081/user/login，访问即报404错误，这个实际上是请求HTML相关资源而非后台接口，后面网上查了...
cli 方式安装 集成了内置webpack 模块安装步骤 1、全局安装 vue-cli$ npm install --global vue-cli 2、 创建一个基于 webpack 模板的新项目$ vue init webpack my-project3、安装依赖，走你$ cd my-project $ npm install $ npm run dev如果npm安装慢的话 可以使用淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install webpack -D项目结构简单介绍 build 目录是一些webpack的文件，配置...
Vue推荐开发环境Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016现在开始安装环境安装nodejs 可以在终端里下载，但是不推荐，npm的版本会报错 去nodejs官网下载即可，地址：http://nodejs.cn/中文网安装vue淘宝镜像 npm install -g vue –registry=https://registry.npm.taobao.org安装webpack npm install webpack -g安装vue脚手架 npm install vue-cli -g—————-如果第二次编写新的vue项目，就可以在这...
一、什么是token token的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token的前几位以哈希算法压缩成的一定长度的十六进制字符串。为防止token泄露）。二、token的...
使用nginx部署vue项目，访问整体样式加载出错；查看chrome浏览器的console，类似下图 后在网络上查找原因，发现是nginx配置有问题，可参考nginx默认配置，具体配置如下： 清理缓存再次访问即可。 原文：https://www.cnblogs.com/cjll/p/13794060.html
1 、安装 Node.js 和 npm ( 验证安装成功输入下图 1 命令行可得 2；输入命令行 3 可得 4 即安装成功)2、安装全局 webpack （安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功）3、安装全局 vue-cli （安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功）4、创建 vue 项目 （输入下图命令行，红线部分是你想要创建的项目名称）5、第 4 步之后会出现一些对话选项，仅一项选 n 后按回车键（如下图红色区域对话选项）， 其余...
首先需要下载nw，然后解压打开，如图：在以上新建一个同级项目文件夹，然后把把项目打包，将dist中的static文件夹与index.html放入，并新建一个package.json（可使用npm init生成），如下：package的配置中，main和name是必须的属性，name需要是小写字母或者数字，可以包含.或者_或者-其它属相：{ "main": "index.html", //程序的起始页面 "name": "demo", //全局唯一name "description": "demo app of...
import Vue from ‘vue‘ import App from ‘./App.vue‘ import router from ‘./router‘new Vue({el: ‘#app‘,render: h => h(App),router }) 当使用eslint校验运行上面这段代码时（该代码在src/main.js文件中），会报错 ? http://eslint.org/docs/rules/no-new Do not use ‘new‘ for side effects src/main.js:8:1 new Vue({两种方法解决该问题：方法一：定义一个变量xxx(可为任意值)接收新创建的Vuelet xxx = new V...
1、使用npm安装npm i jquery --S //jquery要小写 2、在package.json文件dependencies里面加入jq 3、在build文件夹的webpack.base.conf.js文件module.exports里面输入 前提要引入const path = require(‘path‘)const webpack = require(‘webpack‘) 4、在min.js入口文件中引入一下import $ from ‘jquery 5、输入npm run dev启动服务即可原文：https://www.cnblogs.com/theblogs/p/10380584.html
1.安装jquery依赖npm install jquery --save 2.修改两处配置文件a.引入webpackb.配置jquery插件3.在页面中使用jquery 完毕！ 原文：https://www.cnblogs.com/lewis-messi/p/8375921.html
解决方案：修改项目根目录下有.eslintrc.js文件，在配置文件中修改rule配置项：‘linebreak-style‘: ‘off‘现象：js文件全体报红，不影响项目启动，出现原因是eslint语法检测' but found 'LF'' ref='nofollow'>Vue-cli中构建的Vue项目中Expected linebreaks to be 'CRLF' but found 'LF'原文：https://www.cnblogs.com/liujiazhu/p/8489693.html
好不容易弄个博客不知道写啥，随便找了个文档试下效果。。。。1.安装nodenode下载地址:https://nodejs.org/zh-cn/download/node安装会默认装好npm 检验node，npm安装成功否node -vnpm -v 2.安装淘宝镜像（cnpm）npm install cnpm -g --registry=https://registry.npm.taobao.org检验cnpm安装成功否cnpm -v 3.安装Vue脚手架：vue-cli ① 安装webpack：cnpm install webpack -g或者（cnpm install -g webpack） 注意：webpa...
在Vue-cli项目中做krpano全景图编辑器的时候,由于js插件的路径是动态的，做的过程中遇到了加载不到资源的难题,在网上搜索了好久也没找到合适的办法,最后想到了可能是JS加载的问题,于是解决了问题,下面跟大家分享一下做法。首先, 在vue的路由页面中加载动态的js插件,需要等待JS文件加载完成之后,才能使用JS插件中的方法来加载全景图:// 加载动态JS文件var _doc = document.getElementsByTagName('head')[0];var js = document.creat...