平时做项目少不了创建项目，也许你把之前的项目修修补补，在此基础进行项目的二次开发，很多组件方法直接使用，减少了很多开发时间。卧龙凤雏的解决办法千奇百怪，办法总比困难多。
        作为在前端开发多年的我，受不了项目越来越大，奇奇怪怪怪的问题越来越多。现在的我更喜欢纯净的项目，清爽利落。说道利落，自然是选择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

到此为止，我们的项目创建成功