创建vue项目步骤

238 阅读1分钟

创建vue 项目步骤

  1. 打开命令行窗口

image.png

  1. 执行创建项目命令行
vue create 项目名称
  1. 如果本地有一个项目名称一样的项目的话,会显示这个页面,第一个是覆盖,第二个是合并,第三个是取消

image.png

  1. 接下来就是选择预设,一般情况下我们都是选择第三个-自定义创建

image.png

  1. 是否进行自动配置--选择需要的配置

image.png

  1. 如果想要新建一个vue2 项目 那就选择2x 如果想要创建一个vue3的项目的话,那就选择3x

image.png

  1. 是否使用history

image.png

  1. 使用less作为预处理器

image.png

  1. 选择第三个--standard 标准代码风格

image.png

  1. 默认 选择第一个 保存代码校验 代码风格 代码提交的时候校验代码风格

image.png

  1. 依赖插件或者工具的配置分文件保存

image.png

  1. 是否记录以上操作 选择否 n --我选择的是yes 下次可以直接安装 不需要在重新重复以上操作

image.png

  1. 输入名字

image.png

  1. 创建成功 打开即可

出现以下命令,直接跟着这两步操作 即可

cd 自己建的项目名称
yarn serve
//也可能是npm run serve  跟着这两步操作即可