Vue脚手架(CLI)第一天

vue

1、脚手架的搭建(CLI)

1.1、下载nodejs,在官网,

[nodejs官网地址][ https://nodejs.org/en/ ]

无脑下一步就可以了。环境自动安装

1.2、下载脚手架之前,配置阿里云镜像

cmd指令:

npm config set registry httpS://registry.npm.taobao.org

注:不用每次都配置,配置一次即可

1.3、安装全局@vue/cli

cmd指令:

npm install -g@vue/cli

1.4、切换到你需要创建项目的目录

cmd指令:

vue create xxxx(项目的名称,例如vue_test)

1.5、启动项目

cmd指令:

npm run serve

注:如果启动是遇到这样的错误:

Component name "School" should always be multi-word vue/multi-word-component

因为名称的问题:

可以在vue.config.js配置文件中加上这一个键值对:lintOnSave:false

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false
})
posted @ 2022-04-01 10:55  水三丫  阅读(59)  评论(0编辑  收藏  举报