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. Cinder Volume 服务启动流程分析和周期性任务分析

    1.cinder-volume服务的程序入口 #!/usr/bin/python2 # PBR Generated from u'console_scripts' import sys from ci ...

  2. 计算机网络-应用层（5）P2P应用

    P2P系统的索引:信息到节点位置(IP地址+端口号)的映射 在文件共享(如电驴中):利用索引动态跟踪节点所共享的文件的位置.节点需要告诉索引它拥有哪些文件.节点搜索索引从而获知能够得到哪些文件 在即时 ...

  3. Java 8新特性（四）：新的时间和日期API

    Java 8另一个新增的重要特性就是引入了新的时间和日期API,它们被包含在java.time包中.借助新的时间和日期API可以以更简洁的方法处理时间和日期. 在介绍本篇文章内容之前,我们先来讨论Ja ...

  4. 牛客网PAT练兵场-查验身份证

    题解:模拟题,直接算 题目地址:https://www.nowcoder.com/questionTerminal/779a72a420744b1d9c0ec7b7a8dd8f39 /** * *作者 ...

  5. 修改docker0网桥的IP段

    关闭docker进程 systemctl stop docker 修改/etc/docker/daemon.json { "bip": "100.96.2.1/24&qu ...

  6. “DNAT+云链接+CDN”加速方案，助力出海企业落地生长

    摘要:“DNAT+云链接+CDN”加速方案,真正释放技术红利,真诚助力企业出海. 随着国内互联网行业的人口红利逐渐消失,本土互联网市场竞争不断加剧,加之国家多项“走出去”政策的推动,越来越多的中国互联 ...

  7. mysql数据库中数据类型的长度

    在mysql中新建数据表的时候会有长度一说,其实用建表语句建数据表的时候也有涉及 例如: CREATE TABLE user( uid int(4), name varchar(255), passw ...

  8. samba使用过程中遇到的问题

    1 环境说明 Linux系统版本:Linux version 2.6.32-431.el6.x86_64 (mockbuild@x86-023.build.eng.bos.redhat.com) (g ...

  9. 在Spring中拦截器的使用

    Filter Filter是Servlet容器实现的,并不是由Spring 实现的 下面是一个例子 import java.io.IOException; import javax.servlet.F ...

  10. java工具类去掉字符串String中的.点。android开发java程序员常用工具类

    下面是工具类详细代码: package com.qq986945193.david; /** * qq986945193 Project * ============================= ...