VScode使用vue准备的插件

Beautify
 美化 javascript, JSON, CSS, Sass, 以及 HTML 。一般需要配合.jsbeautifyrc使用

Eslint
 检查代码是否符合规范

GitLens
 Git提示

language-stylus
 stylus语法支持

Markdown All in One
 Markdown语法快捷键

Material Icon Theme
 多样化的文件图标

One Dark Pro
 一款深黑色的主题

Path Intellisense
 相对、绝对路径提示

Prettier formatter
 代码格式化

Python
 Python支持

React Native Snippet
 React Native 语法片段扩展

Setting Sync
 同步本地vscode编辑器的设置到github

Vetur
 Vue语法支持。包括语法高亮、语法代码提示、语法lint检测等

Vue VSCode Snippets
 Vue 语法片段扩展

npm Intellisense
 import、require npm模块是自动补全

vue-element-admin 集成框架

https://github.com/PanJiaChen/vue-element-admin

vue-element-admin是用于管理界面的生产就绪的前端解决方案。它基于vue并使用UI Toolkit element-ui。

vue-element-admin基于最新的vue开发堆栈,它具有内置的i18n解决方案,用于企业应用程序的典型模板以及许多出色的功能。它可以帮助您构建大型而复杂的单页应用程序。我相信无论您有什么需求,该项目都将为您提供帮助。

快速上手环境变量一定要配置git ,node.js,python一样进行配置。不配置一般就报错了!

https://panjiachen.github.io/vue-element-admin-site/zh/

vue-element-admin-master.zip

npm install

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

首先配置环境变量

安装依赖

npm install

可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npmmirror.com

本地开发 启动项目

npm run dev
npm install -g yarn react-native-cli

安装完 yarn 后同理也要设置镜像源:

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global