每日一篇，Vue 第二篇 "环境搭建"

1.前言

掘金已经有很多文章专门介绍 本篇文件仅贡献给 白羊999

2.环境搭建

2.1安装node.js

• nodejs下载地址 window电脑 安装一路回车即可 没有王者荣耀中露娜的高端操作

• 检测node版本

• 检测npm版本

• 安装开发依赖 --save-dev 简写 -D

• 安装项目依赖 --save 简写 -S

• 下载包指令 install 简写 i

• 全局下载 global 简写 -g (像名mp2、yarn、Vue-cli 需要在任何目录都能使用 就可使用-g)

• 全局环境安装yarn 提升下载速度 npm i -g yarn

2.2安装Vue-cli

• vue-cli官网地址

• 安装vue-cli

• 检测vue-cli版本

• vue create [项目名称] (当前的项目名称不能有大写字母)

• 选择vue创建项目配置

> Default //这个是默认一些简单插件的版本 比如就简单测试个功能 没有必要下载Vue-router和Vuex这些
Default (Vue 3 Preview) // 是一个版本标识（预览版）
Manually select features // 手写选择配置 现在创建项目都是使用这个
// 还有一些我这里没有的选项  这个是应该你第一次如果有创建项目 如果保存了最后一个选择的配置为yes 默认给你添加一个配置选项 

• Manually select features (这里就回车选择需要的开发环境插件配置 选择完后回车)

• Vue2的 or Vue3的版本开发 (如果是后端 建议选择2 如果是前端 不用讲 都要会)

• Vue2版本讲解 (建议选择第一个 当前是开发的代码规范)

• 单元测试 (建议选择第一个)

>(*) Lint on save // 保存就检测
 ()  Lint and fix on commit // fix和commit时候检查

• 会询问你 比如像 babel,postcss,eslint 这些配置文件放哪 我这里一直是选择的第一个 这里可以随便选

> In dedicated config files // 独立文件放置
  In package.json // 放package.json里

• 是否记录当前操作 下次创建不需要这么麻烦的创建 如果选择y的话 下次创建会多一个你这里填写的名字 我有洁癖 喜欢手动选择配置

• 下载依赖

• 大功告成 启动项目

系列文章