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. SSM框架环境搭建

    SSM基础环境搭建 创建maven工程 next,finish,等待创建完成,创建完成后,src/main下只有webapp文件夹,我们需要手动创建java和resources,鼠标右击main,ne ...

  2. Centos7 Minimal 版安装后安装图形界面教程

    1.执行下面命令安装GNOME Desktop Environment yum -y groups install "GNOME Desktop" 2.安装完成后,执行下面的命令, ...

  3. ftp 搭建 centos 源

    1.  yum -y install vsftpd* 2.  /etc/init.d/vsftpd restart 3.  mount CentOS-7-aarch64-Everything-1810 ...

  4. 系综的实现方式（nve、nvt、npt）

    一.NVE系综 更新位置和速度,v和e恒定. 二.NVT系综 几种实现的方式: 如: fix 1 all nve #更新位置和速度,e和V保持不变.若只有这个命令,就只nve系综,如果和控温命令一起, ...

  5. 模拟退火详解&P1433题解

    前排提示:LZ是个菜比,有可能有讲的不对的地方,请在评论区指出qwq 0.基本思想 模拟退火其实没有那么高大上.说白了就是初始化一个"温度".每次随机乱选一个方案,如果比以前的方案 ...

  6. 基于Nodejs的sequelize操纵数据库

    ## 使用基于ORM架构的sequelize操纵数据库 ### 1.技术背景 ```Sequelize是一个基于promise的关系型数据库ORM框架,*********************技术文 ...

  7. Mysql探索之索引详解，又能和面试官互扯了~

    前言 索引是什么?有什么利弊?一旦在面试中被问道,对于新入门的小白可能是个棘手的问题. 本篇文章将会详细讲述什么是索引.索引的优缺点.数据结构等等常见的知识. 什么是索引 索引就是一种的数据结构,存储 ...

  8. Three.js学习1_快速入门

    快速上手, 搭建第一个3D场景 最重要的一步, 先下载three.js, 引入网页中 <script src="./three.js"></script> ...

  9. 分分钟玩转UI自动化测试

    有没有那么一刻,看到自动模拟用户操作界面感觉好神奇. 关于什么叫 UI 自动化测试就不解释了,基本上是你刚才脑海里想到什么就是什么. 在分层自动化测试中包括:UI 测试.集成/接口测试.单元测试.大神 ...

  10. 没想到吧！关于Dubbo的『消费端线程池模型』官网也写错了。

    这是why的第 63 篇原创文章 荒腔走板 大家好,我是 why,欢迎来到我连续周更优质原创文章的第 63 篇.老规矩,先荒腔走板聊聊其他的. 上面这张图片是我前几天整理相册的时候看到的.拍摄于 20 ...