vue后台管理系统

初始化Vue项目

安装环境

node.js
从node官网下载并安装node，安装步骤很简单，只要一路下一步(next)就可以。
验证是否成功可以在控制台

node -v

npm
集成在node中的，安装成功node就有了
验证是否成功

npm -v

cnpm
使用npm装依赖的时候，较为慢。如果公司翻墙或者自己翻墙的会好很多。不过一般用cnpm（淘宝镜像）就可以

npm install -g cnpm --registry=https://registry.npm.taobao.org

初始化项目

Vue

cnpm i vue (i 是 install的缩写)

vue-cli(脚手架)

cnpm i --g vue-cli

生成项目

#my-project为自定义项目名
$ vue init webpack my-project
需要注意的是项目的名称不能大写，不然会报错

初始化项目后，一路回车，视项目情况选择配置即可，下面有具体说明

Project name (my-project) # 项目名称（我的项目）

Project description (A Vue.js project) # 项目描述一个Vue.js 项目

Author 作者（你的名字）

Install vue-router? (Y/n) # 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码？ （Y / N）

Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint（使用箭头键）

Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha？ （Y/ N）

Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试，Nightwatch？ （Y/ N）
我是全选了Y
启动项目
打开控制台，找到项目所在的文件夹

cnpm i

安装成功以后（如果报错了，可以具体按照错误信息操作，或者度娘错误信息）

cnpm run dev

项目成功启动，如下图
初始化的项目在启动成功后不会自动打开浏览器。在控制台看到
项目成功后，手动在浏览器输入url即可（后续会解决自动打开浏览器问题）

最基本的项目搭建就完成了，接下来是项目细节的打造