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

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

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

cd sell 进入项目

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

npm run dev

vue入门----工程vue_sell 随笔 第1张

vue入门----工程vue_sell 随笔 第2张

 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
未完待续~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄