Vue -- vue cli 脚手架快速搭建单页应用

只需三步即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目

npm install -g vue-cli //全局安装 vue-cli

vue init webpack my-project // 创建一个基于 webpack 模板的新项目，并安装依赖

cd my-project //进入项目
npm run dev //执行项目

全局安装 vue-cli

npm install --global vue-cli

创建一个基于 webpack 模板的新项目，并安装依赖

vue init webpack my-project

init 的过程中会问你给项目定义一些描述，版本之类的信息，可以不管，一直输入y确定跳过,
出现 Installing project dependencies 时一定要等待它安装完毕（下面第一张图），直到出现下面第二张图内容

红框里的内容为接下来要执行的命令

执行项目

cd my-project

npm run dev

npm run dev 是开始执行项目了，一旦执行这个命令之后，在浏览器打开一个tab为localhost:8080/#/ 的链接，这个链接就是我们本地开发的项目主页

到这项目框架就搭建好了！下面是项目结构：

附录

• 点击了解--项目结构文件的含义
• 点击了解--构建命令的含义
• 点击了解--脚手架快速搭建单页应用之遇到的问题及解决办法