基于vue-cli（vue脚手架）快速搭建vue项目

准备工作，本地已经搭建好了node环境

全局安装webpack

npm install webpack -g

全局安装vue-cli（vue脚手架）

npm install -g vue-cli

安装vue-cli成功后，通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vue-cli工程项目的命令：

vue init webpack demo

确认创建项目后，后续还需输入一下项目名称、项目描述、作者、打包方式、是否使用ESLint规范代码等等，详见上图。安装顺利执行后会，生成如下文件目录：

image.png

安装依赖

npm install

执行命令： npm run dev 来启动项目，启动完成后会自动弹出默认网页：

image.png

最后就能看到vue这个帅帅的页面了