node.js/npm/nvm/vue/element ui配置安装

node.js/npm/nvm/vue/element ui/echarts/git配置

今天先在新电脑（windows）上把软件安了，记一下前端需要的软件都是咋安的
先安个vscode

node.js

直接下的公司的软件库里的node.js，好像也没改啥，一路next

nvm

安了nvm就可以用指令控制node.js的版本啦
下载链接：link
下载过程需要一些耐心，麻了
下这个：nvm-setup.zip 然后一路回车，注意路径里最好不要有中文和空格
命令行输入nvm，看看成功没，安完了就可以用命令了
nvm install 版本名：下载指定版本的node.js

nvm install 14

nvm use 版本名 ： 使用指定版本node.js

nvm use 14

mac:
https://github.com/nvm-sh/nvm/blob/master/README.md
在这里找到安装的命令，如
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
如报错curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused
是因为git的dns被污染，需要手动配置

1. sudo vi /etc/hosts
2. 提示输入个人电脑密码
3. 看到hosts，此时输入i，看到命令行下面显示insert，输入自己需要修改的host
   185.199.108.133 raw.githubusercontent.com
4. 点击esc退出编辑
5. 按住shift 和 :，输入wq保存退出
   好像还是不行，放弃，决定安装switchhost

brew

mac：
/bin/zsh -c “$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)”
然后选镜像源，选Y删除以前的脚本，等待下载

npm

安了node.js就有npm
不过还可以安个cnpm，下载速度快点

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

验证cnpm是否安装成功：

cnpm -v 

看版本号

create-vue

写vue用的

npm init vue@latest

然后一路回车选n，除了typescript和router选y（因为我就认识这俩单词哈哈）

vue-cli

还是写vue用的

cnpm install -g vue-cli

element ui

这是用到的组件库
命令行输入

npm i element-ui --save

安完了，然后引用的时候

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

还没引，最好是别报错

vue的第一个项目

装完了开始运行vue的第一个项目！！这里firstVue是我起的项目名

vue init webpack firstVue

完了命令行会蹦出很多选项，我不确定我选的是不是最合适的就不放了
等他运行完了，命令行会显示以下提示：
cd 你的那个项目名
npm run dev
输入蹦到你创建的那个项目文件夹下面

cd firstVue

然后输入这行来运行项目

npm run dev

如果运气好的话会正常运行，显示Your application is running here: http://localhost:8080，然后在浏览器输入http://localhost:8080就可以打开网页了，很强。
现在打开项目文件夹看看，系统已经自动帮我们生成了firstVue文件夹，里面好多东西，按理说这里应该上一个所有生成的文件是干什么用的的解析，但是我太懒了不想截图了，拜

echarts

安装方法:在命令行中输入

$ cnpm install echarts --save

安装完成后 ECharts 和 zrender 会放在 node_modules 目录下，我们可以直接在项目代码中使用 require(‘echarts’) 来使用。

git

windows下载：

https://gitforwindows.org/

安装，一路next，安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！

安装完成后，还需要最后一步设置，设置自己的用户名和邮箱，在命令行输入：

$ git config --global user.name "runoob"

$ git config --global user.email test@runoob.com

克隆操作：

新建个文件夹用来存放克隆的代码，点进这个文件夹，在命令行中输入

git clone 复制的SSH或者HTTPS key