vue cli脚手架详解_vue-cli脚手架搭建vue项目搭建

在搭建项目前，需要确认系统是否已正确安装nodejs工具，建议node安装6.+以上的稳定版本，若这个最基本的配置已经完成了，就可以开始搭建项目了

1 进入到你想要创建项目的目录下，全局安装vue-cli脚手架工具

npm install -g vue-cli

2 基于webpack初始化创建vue项目

vue init webpack 项目名称(项目名称需小写)

解释说明
“Project name”：项目名称，不输入直接回车是默认输入时的名称，亦可修改成其他项目名
“Install vue-router”:是否需要vue-router，这里默认选择使用，将生成项目相关的路由配置文件
“Use ESLint to lint your code”:是否使用ESLint，如果需要使用可按回车或输入Y，默认使用，生成相关的ESLint配置；但是这里我输入n，原因是暂时不需要使用
“Setup unit tests with Karma + Moch?”: 是否安装单元测试。由于目前还没有单元测试，这里输入n
“Setup e2e tests with Nightwatch”：是否安装e2e测试，由于项目暂时未使用到，这里输入n

3 安装成功后打开项目

4 进入到项目根目录，安装项目

cd 项目目录
npm install

5 启动项目

npm run dev

浏览器打开地址

---

接下来就可以开始开心的玩耍啦