今天不小心删掉了之前跟着尚硅谷天禹老师创建的vue脚手架项目文件,倒腾了好一会儿才搞回来,顺便记录一下过程(仅供参考)
1、初始化脚手架
(1)第一步(仅第一次执行):全局安装@vue/cli。
npm install -g @vue/cli
(2)第二步:切换到你要创建项目的目录,然后使用命令创建项目
vue create xxxx
(3)第三步:启动项目
npm run serve
备注:如出现下载缓慢请配置 npm 淘宝镜像:npm config set registry
https://registry.npm.taobao.org
2、运行项目
运行项目出现的错误如下:
(1)如何解决 error Mixed spaces and tabs no-mixed-spaces-and-tabs这种报错
可以单独在package.json中配置eslintConfig的rules,如:
"rules": {
"no-mixed-spaces-and-tabs": "off"
}
(2)如何解决 error Component name "Student" should always be multi-word vuemulti-word-component-names/multi-word-component-names
配置 vue.config.js 文件
// 关闭eslint校验
lintOnSave: false