搭建vue环境流程

部署前要先安装nodejs和npm

http://nodejs.cn/download/

右击鼠标新建文件夹，命名为 vue-demo

打开终端（windows系统为运行cmd.exe 或打开git bash 或打开webstorm下的Terminal）

全局安装(windows 无需sudo，同下)

sudo cnpm install vue -g

sudo cnpm install vue-cli -g

查看版本

vue -V

初始化完整模式下的webpack安装

sudo vue init webpack vuedemo

初始化简单模式下的webpack 安装

sudo vue init webpack-simple vuedemo

询问：

是否安装在当前文件夹

项目名字一定要小写可以用 “-”分隔英文

项目描述

作者 Author xxx

Vue build standalone

Install vue-router?yes

Use ESLint to lint your code?no //是否需要语法检查？no

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

Setup e2e tests with Nightwatch?no //端到端的测试？no

license MIT

是否用sass？

use sass? no

打开文件夹

cd vue-demo

安装依赖的插件

sudocnpm install

在终端输入

sudocnpm run dev //自动把项目跑起

或 sudocnpm start //启动项目

在浏览器打开http://localhost:8080

配置成功！撒花~

ctrl+c 停止运行

sudonpm run build //自动生成部署用的一套文件

ctrl+c 停止运行

安装前端路由

sudocnpm install vue-router --save