Vue 项目使用 webpack 来构建。首先确保本地已经安装了 NodeJS,然后在 CMD 中执行如下命令,可以创建并启动一个名为 vuehr 的前端项目:

npm install -g vue-cli
vue init webpack vuehr
cd vuehr
npm run dev 

在执行“vue init webpack vuehr“命令时,会要求依次输入项目的基本信息,如图所示:
Vue.js-创建vue.js项目_单元测试
基本信息主要包括:
• 项目名称
• 项目描述
• 项目作者
• Vue 项目构建:运行+编译还是仅运行。
• 是否安装vue-router
• 是否使用 ESLint
• 是否使用单元测试。
• 是否适用 Nightwatch e2e 测试
• 是否在项目创建成功后自动执行“npm install",安装依赖,若选择否,则在第4行命令执行之前执行"npm install"。
当“ npm run dev ” 命令执行之后,在浏览器中输入网址http://localhost:8080/#/,显示页面如图所示。
Vue.js-创建vue.js项目_vue.js_02