脚手架（vue-cli）创建Vue项目看这篇就够了

前言

太久没有使用脚手架创建项目了，有些生疏。因此写下该篇文章！！！

准备工作

需要下载可以使用脚手架的环境

• node.js环境及配置
• 全局安装脚手架npm install -g @vue/cli
• 然后可以使用vue --version检查版本是否正确

点击查看vue2官网：https://v2.cn.vuejs.org/

安装步骤

首先先进入你需要安装的vue2项目的目录，输入vue create vuename(项目名)
选择Manually select features，带大家配置自己的项目

勾选相应的配置，一般主要勾选

• Babel
• Router
• Vuex
• TypeScript(看你是否使用TS，才勾选)
• CSS Pre-processors(看你是否使用css预处理器，才勾选)
  
  选择创建vue2项目还是vue3项目，本人创建vue2项目
  
  Use history mode for router：是否使用history模式创建路由，我这里选择yes
  可以去了解一下路由几种模式：文章链接
  
  因为我勾选了使用css预处理器，就会出现该配置页面，没有选择的不会有该页面。选择自己常用的就行了
  
  配置文件的放置：配置文件是放在独立的配置文件中（选项一），还是放在package.json中（选项二）。我选择的第一个。
  
  配置保存：下次你创建项目的时候就能直接使用本次创建的配置，该配置看你需求。
  
  选择yes，为此次配置自定义一个名称，用于之后的选择；选择no将没有这一步。
  
  然后就会创建该项目了！！！
  cd 项目名称（进入到你创建的项目中）->npm run serve（启动项目）

参考文章:https://blog.csdn.net/weixin_52580677