vue3.0脚手架搭建

1、安装vue-cli 3.0

先卸载旧版本

npm uninstall vue-cli -g

再安装Vue CLI 3

npm install -g @vue/cli

安装成功查看版本 vue-V

vue3.0脚手架搭建_第1张图片

2、创建项目

去指定目录下创建项目

vue create project-name(自己定义项目名,不可使用驼峰式命名)

3、选择配置(自定义配置)

vue3.0脚手架搭建_第2张图片

4、在css预编译我选择了less

在这里插入图片描述

5、在语法检测工具选择了 ESLint + Standard config

vue3.0脚手架搭建_第3张图片

6、在选择语法检测方式中,这里我选择了保存就检测

vue3.0脚手架搭建_第4张图片

7、将babel,Eslint 文件存放在哪里

vue3.0脚手架搭建_第5张图片

8、是否记录一下以便下次继续使用这套配置

在此 我键入y,保存名字为 zm-project,等待下次创建项目时可以直接使用这套配置
vue3.0脚手架搭建_第6张图片

9、回车后等待下载依赖模块

10、进入项目目录 运行项目

vue3.0脚手架搭建_第7张图片
vue3.0脚手架搭建_第8张图片

你可能感兴趣的:(Vue)