一. nodejs安装

node地址： https://nodejs.org/en/
下载TLS版本即可

二. 安装nrm

# 安装
$ npm install nrm -g 
$ nrm ls
  npm ---------- https://registry.npmjs.org/
  yarn --------- https://registry.yarnpkg.com/
  tencent ------ https://mirrors.cloud.tencent.com/npm/
  cnpm --------- https://r.cnpmjs.org/
  taobao ------- https://registry.npmmirror.com/
  npmMirror ---- https://skimdb.npmjs.com/registry/
 # 包源切换/添加/删除/速度测试
 $ nrm use tapbap
 $ nrm add registry http://xxxx
 $ nrm del taobao
 $ nrm test taobao

三.安装vue-cli

# 安装/指定版本安装
$ npm install -g @vue/cli
$ npm install -g @vue/cli@4.0.1

四. 项目创建

# 项目创建，根据需求他该你家组件 主要的组件有router/vuex
$ vue create goweb
Vue CLI v5.0.4
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
  Manually select features

可以使用ui界面创建项目

# 启动ui服务
$ vue ui

五.安装第三方插件

# 官方地址 https://panjiachen.github.io/vue-element-admin-site/zh/
# 克隆项目
$ git clone https://github.com/PanJiaChen/vue-element-admin.git
# 进入项目目录
$ cd vue-element-admin
# 安装依赖  这里报错拉不到包的问题，最直接的办法就是设置代理  然后多安装几遍即可
$ npm install
# git设置代理
# 设置ss
$ git config --global http.proxy 'socks5://127.0.0.1:1080'
$ git config --global https.proxy 'socks5://127.0.0.1:1080'
# 设置代理
$ git config --global https.proxy http://127.0.0.1:1080
$ git config --global https.proxy https://127.0.0.1:1080
# 取消代理
$ git config --global --unset http.proxy
$ git config --global --unset https.proxy
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
$ npm install --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
$ npm run dev

六.vscode配置

# 安装插件
vetur
vue
# 推荐安装一些好用的扩展
Auto Close Tag  自动闭合HTML标签
Auto Rename Tag 修改HTML标签时，自动修改匹配的标签
Beautify                 代码美化
ESLint ESLint 插件，高亮提示
File Peek 根据路径字符串，快速定位到文件
HTML CSS Support css提示（支持vue）
HTMLHint HTML格式提示
JavaScript (ES6) code snippets ES6语法代码段
Vetur Vue代码高亮及补全
VS Color Picker vs颜色选择器
Vue 2 Snippets Vue2代码补全
open in browser 在浏览器中预览