IDE：

WebStorm

VSCode

nvm

chrome vue开发插件

工程环境：vue-cli

npm i -g vue-cli

vue --version

版本2.9.6

下载调试插件

淘宝镜像

调试环境

npm --version

nvm ls

nvm use v8.12.0，可以切换会旧版本

淘宝镜像

nvm -help

nvm ls

nvm ls -remote,查看服务器有哪些版本

安装v11.0.0版本

nvm install v11.0.0

node --version

node，官网上下载，默认配置安装即可。

nvm（node version manager），是node版本管理工具，处理不同版本之间，前端兼容性的问题。 

开发环境：

webstorm或vscode

推荐webstorm

相关配置：

背景色：深色

font：size＝16，行间距1.2

nvm

https://chrome-extension-downloader.com

node --version

npm i -g vue-cli

npm 6.4.1

node 8.12.0

地址是：

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

地址是：

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

查看服务器上有的版本

nvm 

node

npm 

解决npm下载慢的问题

环境和工具的准备

ide==>webstorm vscode

node.js==>node  nvm->node version manager

调试环境： chrome 下载 vue.js.devtools插件（应该是chrome中的扩展工具）

工程环境: vue-cli

一、Vue环境

    1. npm --version, node --version   vue --version

    2. vue cli安装    npm i -g vue-cli

    3.vue Chrome插件  Vue.js devtools

环境和工具介绍

开发工具：WebStorm或者VScode，推荐使用WebStorm，因为它可以集成更多的开发工具在里面（比如Git终端，而且有图形化界面，操作方便），VScode也提供了一些智能化的插件，免费的、微软开发的编辑器，有语法高亮、语法提示，以及版本控制都可以集成在该编辑器里。

开发环境：Node.js。

nvm介绍：node的版本管理工具（前端依赖库之间的兼容性问题）。

——nvm命令——

nvm --version查看nvm版本

nvm --help查看帮助

nvm ls查看本地安装node版本

nvm ls-remote查看nvm服务器上有哪些版本

nvm install v11.0.0安装某版本的node

nvm use v8.12.0切换nvm版本

注意：下载npm包时，可以通过设置镜像为淘宝的镜像，可以下载快一些。命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org。这样以后下载前段依赖时就会很快。

调试环境：推荐使用谷歌.

vue的Chrome插件：下载网址https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd（谷歌可以很方便查看vue组件的状态）

工程环境：vueCli工具，下载命令npm i -g vue-cli，查看vue版本vue --version

• nvm安装

• Chrome浏览器vue调试工具安装

• nhdogjmejiglipccpnnnanhbledajbpd
  

 谢谢老师，学会了

讲的非常好，谢谢老师。

chrome浏览器vue.js调试环境插件下载网址:

https://chrome-extension-downloader.com/

开发环境。。。

chrome扩展程序下载网址

看了一会，大家写的有点糙，实操后简单整理了一下nvm安装：

nvm安装：

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash   // 下载镜像

vim .bash_profile    //文件配置  没装vim的执行命令： yum install vim 

写入： export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"

[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

source .bash_profile   //刷新配置文件

前端开发工具

Vue开发环境

开发环境！