node js构建一个vue并启动它

标签：set   安装   style   unit test   down   image   ges   错误提示   mil   

安装node js，到运行VUE的简单过程

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文件夹下

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：wanglu  日期：2017/6/21

node js构建一个vue并启动它

标签：set   安装   style   unit test   down   image   ges   错误提示   mil   

原文地址：http://www.cnblogs.com/wanglu/p/7062081.html