一、使用脚手架完成项目搭建
1.创建一个文件夹当作项目目录。
2.运行命令,使用脚手架初始化项目。(在命令后面需要加上项目名)
vue init webpack
完整命令如下(vue-demo为项目名)
vue init webpack vue-demo
在运行完命令后 有相关的项目设置,具体含义如下:
- Project name ==> 项目名字,回车即可;
- Project description ==> 项目描述,不想写回车即可;
- Authot ==> 作者;
- Vue build ==> 打包方式,回车即可;
- Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
- Use ESLint to lint your code ==> 是否需要es-lint语法检测,为了代码质量y 回车;
- Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;
- Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;
- Should we run `npm install` for you after the project has been created?