如果要通过Vue进行工程化开发，就需要通过脚手架（Vue-cli）来创建基本的脚手架来进行开发

1. 安装@vue/cli

yarn global add @vue/cli
npm install -g @vue/cli

如果yarn是通过npm下载的话，需要将yarn下载的全局包配置环境变量

yarn global bin

通过上面代码获得yarn的全局包安装路径
将路径添加进环境变量当中就可以了

如果是官网下载的yarn不需要配置环境变量

2. 查看版本

vue -V
vue --version

# vue和create是命令, vuecli-demo是文件夹名 文件夹的名字可以自己修改
vue create vuecli-demo

执行创建的过程中会选择模板通过上下方向键来移动，ctrl+c来回退

#先到当前脚手架名字的根目录下
yarn serve 
npm run serve

npm或者yarn都行

创建vuefonfig.png
然后在里面进行配置

module.exports={
    devServer:{
        port:3000,  //服务器的端口号
        open:true,  //在加载服务器时自动打开
    },
    lintOnSave:false //关闭ESlint 语法检测
}

关闭ESlint 是因为这个相当于JS的严格模式，在往后去使用

脚手架全部文件.png