Vue3项目搭建超详解

一、node.js下载

下载 | Node.js 中文网

警告：vue需要node8以上才能支持

下载之后直接下一步，直到完成即可

win+R -> cmd打开命令行，检查是否安装成功，检查node：node -v，检查npm：npm -v
注：npm是node的资源管理器

网络不好的可以切换到淘宝的镜像，下载速度嗖嗖的，

npm install -g cnpm --registry=https://registry.npm.taobao.org

是否切换成功可以执行；cnpm -v 

二、安装vue脚手架

cnpm install -g @vue/cli

注：脚手架是一个基于vue.js进行快速开发的完整系统。可实现快速搭建标准化项目的脚手架。
vue脚手架是用于快速构建项目，通用所有vue版本。

三、创建vue项目

vue create testproje

1、选择自定义创建 

2、上下可以控制，空格可以选中，选择完成之后，回车下一步

3、 选择vue.js版本 3.x

 4、一些无需的配置询问

5、配置ESLint语法校验，这里边不能错

ESLint with error prevention only     //  只进行报错提醒

ESLint + Airbnb config                //  不严谨模式

ESLint + Standard config              //  正常模式

ESLint + Prettier                     //  严格模式

TSLint (deprecated)                   //  TypeScript格式验证工具

 6、选择保存时检测

Lint on save               // 保存时检测

Lint and fix on commit     // 修复和提交时检测

 

 7、你喜欢把Babel, ESLint等的配置放在哪里?（建议大家选择第一个）

 8、将此保存为未来项目的预置?(N)

 9、创建完毕