建议下载长期支持版本也就是LTS版本
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-adminvue-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/ npm install
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
首先配置环境变量
安装依赖
npm install可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com本地开发 启动项目
npm run devnpm 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 element-ui 安装与启动测试
安装element-ui
npm i element-ui -S cnpm --registry=https://registry.npmmirror.com启动测试
npm run dev