平时做项目少不了创建项目，也许你把之前的项目修修补补，在此基础进行项目的二次开发，很多组件方法直接使用，减少了很多开发时间。卧龙凤雏的解决办法千奇百怪，办法总比困难多。
作为在前端开发多年的我，受不了项目越来越大，奇奇怪怪怪的问题越来越多。现在的我更喜欢纯净的项目，清爽利落。说道利落，自然是选择vue-cil脚手架提供的webpack-simple模板架搭建项目，该模板中引入的插件非常少，不建议新手朋友使用其进行项目开发。话不多说，直接开搞
步骤一 准备工作
先在本地新建一个空文件夹，我习惯使用 vs code 编辑器，看着比较舒服，在项目根文件夹右键 选择在集成终端中打开
image.png
步骤二 安装vue-cli
npm install -g vue-cli
全局安装 vue-cli
步骤三 使用webpack-simple模板架搭建项目
vue init webpack-simple 项目名称
image.png
bogon:mmkk jason.wu$ vue init webpack-simple mmkk-plug
? Project name (mmkk-plug) // 是否使用mmkk-plug作为项目名称 这里直接回车
? Project description (A Vue.js project) // 项目描述 直接回车
? Author (姓名 <邮箱>) // 作者 可以写下自己的尊姓大名
? License (MIT) // 执照 这届回车就好，这个大家有兴趣可以查询搜索了解一下
? Use sass? (y/N) // 是否使用sass, 这里边我选是直接输入 y 敲回车就可以，不想用就输入 n 然后回车
看看出来的效果
image.png
步骤四 引入依赖
cnpm i
备注： 执行该命令时 请确认好是否在项目的根目录，建议在package.json上右键，选择在集成终端中打开，之后再输入此命令
步骤五 运行项目
cnpm run dev
自动打开了您的默认浏览器，效果如图
image.png
到此为止，我们的项目创建成功
