本篇教程介绍了Node.js如何构建一个vue并启动它，希望阅读本篇文章以后大家有所收获，帮助大家对Node.js的理解更加深入。

<

1、安装node js 　　下载地址：http://nodejs.cn/download/

2、安装完成后运行Node.js command prompt(node -v查看安装版本)

3、安装npm(由于现在版本的nodejs已经集成npm所以无需安装，可以用npm -v 查看版本)

4、注册cnpm来代替npm 　　使用命令：npm install cnpm -g --registry=https://registry.npm.taobao.org

5、安装vue脚手架vue-cli 　　命令：npm install -g vue-cli

安装成功后可以用 vue -V 查看vue版本

6、cd到对应的目录下初始化vue项目

命令：vue init webpack my-project

Project name 项目名

Project description 项目名描述

Author 作者邮箱

Use ESLint to lint your code? 是否需要ESlist语法检查

Setup unit tests with Karma + Mocha? 是否需要单元测试

Setup e2e tests with Nightwatch? Yes是否需要e2e测试

7、package.json为项目依赖资源，如果要运行这个项目需要使用cnpm install 安装依赖项

8、使用命令npm run dev启动项目，浏览器会打开 http://localhost:8080/#/ 看到以下效果

开发时属于热部署状态，代码保存后浏览器会自动刷新，错误提示也非常友好。

9、编译打包 npm run build

会编译打包到项目dist文件夹下

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注WEB前端Node.js频道！