1.利用vue脚手架工具创建vue，webpack工程目录

npm install -g vue-cli  安装vue脚手架

vue init webpack sell 初始化一个webpack模板，工程名是sell的项目

cd sell 进入项目

npm install 安装项目package.json配置文件中需要的依赖包

npm run dev

2.vue入口html--index.html；js---main.js

在vue的初始阶段，遇到的一些问题

（1）
报错：ESLint: Do not use 'new' for side effects. (no-new) ESLink是检查代码一致性和错误的工具，解决以上报错可以修改ESLink配置，或者解决：解决：
解决：   1，添加/* eslint-disable no-new */注释，ESLink会绕过检查
    2，使用let将new后的实例给一个变量，符合检查，不再报错‘

（2）

 报错：You are running Vue in development mode.Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html

 解决：Vue.config.productionTip = true


（3）
报错：Do not mount Vue to <html> or <body> - mount to normal elements instead.
解决：new实例的vue对象，el的dom节点会被template模板替换，所以当节点是body or html时候，会发生报错（可认为html,body是dom不可少的节点，，so...）

（4）
报错：Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTree
解决：npm版本兼容问题，要不降版本，本媛觉得麻烦，直接cnpm install搞定

(5)
报错：!!vue-stylus-loader!css-loader?{"sourceMap":true}!../node_modules/_vue-loade....
解決：great solution:https://github.com/vuejs/vue-loader/issues/415(6)
报错：关于eslink检查的报错
解决：自定义eslink检查规则，例如强制分号的检查等

（7）
报错：Cannot find module 'stylus'
解决：依赖中缺少stylus的引入，在package中添加style-stylus,stylus,执行npm install;
    Cannot find module ...之类的问题可同类解决

（8）
报错：router.map is not a function
解决：vue2.0兼容问题，router的map方法，只支持vue1.0版本
     1.降低vue版本（不可取）
　　　2.兼容2.0版本写法

（9）
报错：router.start is not a function
解决：vue2.0兼容问题，该方法在2.0已经弃用

（10）
报错：Failed to resolve directive: link
解决：vue2.0兼容问题，v-link方法在2.0已经弃用，使用router-link

（11）
报错：Unknown custom element: <route-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
解决：搜了好多东西，确认vue引入，组件已经注册，浪费了好多时间，so...route-view写错，哎.......论避免低级的错误如何主要

（12）
报错：当报错解决之后，发现router-view没有显示，查看元素没有渲染dom
解决：new Router({})中，实例化目标格式错误，routes Not routers


（13）
报错： 路径的引入容易导致错误，我们可以通过定义路径别名解决

vue入门（一）----工程vue_sell的更多相关文章

  1. wepack+sass+vue 入门教程（三）

    十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助web ...

  2. wepack+sass+vue 入门教程（二）

    六.新建webpack配置文件 webpack.config.js 文件整体框架内容如下,后续会详细说明每个配置项的配置 webpack.config.js直接放在项目demo目录下 module.e ...

  3. wepack+sass+vue 入门教程（一）

    一.安装node.js node.js是基础,必须先安装.而且最新版的node.js,已经集成了npm. 下载地址 node安装,一路按默认即可. 二.全局安装webpack npm install ...

  4. vue入门学习（基础篇）

    vue入门学习总结: vue的一个组件包括三部分:template.style.script. vue的数据在data中定义使用. 数据渲染指令:v-text.v-html.{{}}. 隐藏未编译的标 ...

  5. VUE 入门笔记

    前端的MVVM概念今年来也算是如火如荼,了解完 MVVM的概念,也该找个去尝试下 首先我先试了下 国内小而美的 VUE 试着照着文档敲出入门文件,内容都在注释里 <!doctype html&g ...

  6. Vue 入门指南 JS

    Vue 入门指南 章节导航 英文:http://vuejs.org/guide/index.html 介绍 vue.js 是用来构建web应用接口的一个库 技术上,Vue.js 重点集中在MVVM模式 ...

  7. Vue学习记录第一篇——Vue入门基础

    前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深, ...

  8. parcel+vue入门

    一.parcel简单使用 npm install -D parcel-bundler npm init -y (-y表示yes,跳过项目初始化提问阶段,直接生成package.json 文件.) Pa ...

  9. Vue入门基础

    前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深, ...

随机推荐

  1. beego 快速入门

    原文链接:https://beego.me/quickstart 1.安装依赖 git clone http://github.com/astaxie/beego.git git clone http ...

  2. Newbe.Claptrap 框架入门，第三步 —— 定义 Claptrap，管理商品库存

    接上一篇 Newbe.Claptrap 框架入门,第二步 —— 简单业务,清空购物车 ,我们继续要了解一下如何使用 Newbe.Claptrap 框架开发业务.通过本篇阅读,您便可以开始学会添加一个全 ...

  3. asyncio异步模块的21个协程编写实例

    启动一个无返回值协程 通过async关键字定义一个协程 import sys import asyncio async def coroutine(): print('运行协程') if sys.ve ...

  4. vscode 安装go插件失败后，最简单的方法

    vscode 安装go插件 参考: https://github.com/goproxy/goproxy.cn/blob/master/README.zh-CN.md https://goproxy. ...

  5. Combine 框架，从0到1 —— 1.核心概念

      本文首发于 Ficow Shen's Blog,原文地址: Combine 框架,从0到1 -- 1.核心概念.     内容概览 前言 核心概念 RxSwift Combine 总结 参考内容 ...

  6. CF208E Blood Cousins 题解

    一个奇奇怪怪的复杂度很垃圾的线段树合并解法 通过分析可以发现,要找$x$的$k$辈兄弟,只需要找到$x$的$k$辈祖先,然后查找以该祖先为根的子树中和$x$深度相同的节点个数$-1$即可.也就是说,询 ...

  7. 方法在class文件中的存在形式MethodInfo

    一个方法对由一个method_info结构所定义.一个class文件中,不会同时出现两个方法同时有相同的名称和描述符 method_info结构如下 参考Field 代码实现 public class ...

  8. 什么是PR劫持和权重劫持

    http://www.wocaoseo.com/thread-265-1-1.html PR劫持OR网站权重劫持虽然概念不一样,但是其原理是一样的,同样属于seo中的灰色手段,是我们抵制和反对的seo ...

  9. 焦大：以后seo排名核心是用户需求点的挖掘

    http://www.wocaoseo.com/thread-61-1-1.html 给我一个用户需求点,我便能拗动任何seo排名.-焦大 前不久我看博客上有人留言咨询能否做seo这个词的排名,对于这 ...

  10. vs2015创建项目没法选择.net2.0的问题

    今天要修护一个net2.0开发的程序bug,只修改了一行代码,发布到测试系统,结果程序奔溃了,吓出一身汗. 因为是直接崩溃,所以第一个想到的就是.net版本错了.一查看,果实是,项目属性里目标框架是4 ...