vue+elementUI+webpack一步步搭后台管理系统

原文链接： https://juejin.im/post/5ba450736fb9a05d212e9540

一、Vue-cli脚手架搭建基础框架

1.查看 node和npm是不是已经安装好命令：

node -v  npm -v
复制代码

2.(没有node安装的先安装环境);(安装国内的淘宝镜像文件，后面的安装npm可以全部改为cnpm)

npm install -g cnpm --registry=https://registry.npm.taobao.org 
复制代码

3.安装 vue-cli

npm install -g vue-cli   
复制代码

(可以用 vue list 查看相关的操作)

4. 安装 webpack模板

npm install -g webpack 
复制代码

5.新建vue项目

vue init webpack vuedemo
复制代码

。。。回车键。。或者看情况选择yes/no使用相关的配置，vuedemo---工程名字<工程名字不能用中文>；

webpack是完整版本，适合大型项目，目录结构以及配置相对完整；webpack-simple简化版本，适合小型练手。

6.进入项目目录

cd vuedemo
复制代码

7.安装依赖

npm install

复制代码

8.运行项目

npm run dev
复制代码

在浏览器中打开相应地址

9.发布项目

npm run build
复制代码

注：mac电脑需要在安装淘宝镜像前执行： sudo chown -R $USER /usr/local