前端環境配置簡易

安裝node

根據node -v命令檢查是否安裝成功

配置cnpm鏡像

1. -淘寶鏡像官網教程
2. 重要內容截圖

3. 命令

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

輸入命令後等待一會。

4. 測試cnpm是否配置成功

輸入cnpm即可

安裝vue-cli

1. 全局安裝命令

上圖為新版本的命令（這次官網沒有直接給出命令，而是給出了vue-cli的文檔鏈接），下面是供複製的新版本命令（my-project為你的項目名）。

新版本的命令更加好用（不好用升級幹啥。。從這之後的教程都基於新版本的命令集）

npm install -g @vue/clivue create my-project

下面給出老版本命令

npm install --global vue-clivue init webpack my-project

2. 檢查是否安裝成功

找到下面文件夾的位置，找到vue.md之類的命令腳本，說明已經安裝成功。

3. 啟動前端

npm run serve

安裝element-ui

WebStorm

setting -> Code Style -> 最下面export

導出配置文件後，在配置文件中配置tabsize indent為2