vue项目搭建 - 脚手架方式

vue项目搭建 - 脚手架方式：

1、全局安装vue-cli:

npm install --global vue-cli

2、进入你的项目目录，创建一个基于 webpack 模板的新项目:

vue init webpack 项目名
说明：

• Vue build ==> 打包方式，回车即可；
• Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；
• Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；
• Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车；
• Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；

3、进入项目：cd vue-demo，安装依赖

npm install （如果已经选择用npm install则跳过这一步）

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

================
npm: Nodejs下的包管理器。

webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）