使用vue-cli来构建项目。用vue-cli构建项目，首先我们要创建一个新的项目目录（例如，d:\vue_project\firstVue），然后在命令行中把目录转到这个新创建的目录（cd空格 文件夹名称）。

1.      在firstVue目录下，在命令行中运行命令 vue init webpack firstVue ，运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，

2. 打开firstVue文件夹，可以看到项目文件已经创建。这就是整个项目的目录结构，其中，我们主要在src目录中做修改。

3. 安装依赖资源。首先cd到项目文件夹（firstVue文件夹），然后运行命令 cnpm install ，等待安装。 安装完成之后，项目目录firstVue文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源。 

4. 安装完依赖包之后，就可以运行整个项目了。 运行项目在项目目录中（index.html所在的文件夹），运行命令 npm run dev，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。项目运行成功后，会看到hello.vue界面。 出现此界面，证明vue.js开发环境在：d:\vue_project\firstVue，这个目录下搭建成功。