vue搭建基础与实用工具

目前多数互联网公司以Element框架 进行开发，该框架的组件能够满足大部分需求，所以诺米在此推荐大家使用。

基础工具与储备

Element官方网址：https://element.faas.ele.me/#/zh-CN

学习以下知识点，可以更快的开发

Vue：https://cn.vuejs.org/v2/guide/

Vue Cli：https://cli.vuejs.org/zh/

VueX：https://vuex.vuejs.org/zh/

Vue Router：https://router.vuejs.org/zh/

Sass函数：http://www.mamicode.com/info-detail-1126451.html

环境安装

下载node.js，https://nodejs.org/zh-cn/download/

执行cmd命令，使用淘宝镜像的命令：

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

执行cmd命令，安装vue-cli命令：

cnpm install -g @vue/cli

进入项目根目录，执行cmd命令，安装依赖：

cnpm install

执行cmd命令，打开VUE可视化项目管理工具

vue ui

导入xx_vue_pc项目（根目录下的web文件夹）

点击导入的项目

开启项目

点击右上角“输出”，打开控制台输出，通过链接访问我们的vue项目

实用工具推荐

数据结构：https://qqe2.com/