【权限管理系统】【Vue + Element UI 】【Focus Cloud】（一）：前端开发环境搭建

前提条件

本地已安装好 node、npm、wepack以及vue-cli

创建项目

环境搭完成后，通过vue-cli来生成一个项目，名为vue-authui。

vue init wepack vue-authui

一路根据提示输入项目信息，等待项目生成。

命令执行完毕，生成项目结构如下:

进入到根目录，执行 npm install安装依赖包

cd vue-authui
npm install

依赖包安装完成后，会在根目录下生成node_modules文件夹，是下载的依赖包的统一存放目录。

安装完成后，执行如下命令，运行项目：

npm run dev

浏览器访问对应地址，http://localhost:8080，会出现 vue 的介绍页面。

至此，我们的项目脚手架就建立起来了。