前端基礎開發環境安裝與配置
前言
前端的東西越來越多,換台電腦就忘要配置啥,現在工作中大部分開發還是用vue,基於vue的環境配置。
- 安裝node環境
- npm(修改淘寶鏡像)
- 安裝webpack
- 開發工具vscode或webstrom
- 安裝vue-cli
- 關於sass(ruby環境編譯sass, node-sass利用node編譯sass)
- 安裝git
- and其他工作學習過程中需要用到的
一、安裝node環境
1、官網下載:node官網地址 點擊下載安裝適應版本即可。
2、安裝完成後,可控制台輸入node -v 或node –version,查看node.js是否安裝好,安裝好則會有版本提示。
二、npm(修改淘寶鏡像)
有時候用npm安裝相關東西實在太慢,因此使用cnpm保存為淘寶鏡像,也可以直接將npm路徑修改為淘寶鏡像。
注(引用文章):NPM 中國慢的問題解決
三、 安裝webpack
如果之前沒全局安裝過webpack,就先安裝一下。Vue 提供了一個官方的cli,為單頁面應用 (SPA) 快速搭建繁雜的腳手架,腳手架通過webpack搭建開發環境。
$ npm install webpack -g
四、開發工具vscode或webstrom
1、關於webstorm,從大學就開始用啊,這麼多年了,在工作中慢慢轉向了vs,最大的缺點就是太吃記憶體了,還是說我的電腦太low了。害!
關於《webstorm(0):下載安裝webstrom及激活》
2、關於vscode,下就完了,再根據公司規範配置一下格式啥的。
五、安裝vue-cli
在命令行里輸入:npm install vue-cli -g,安裝完成之後輸入 vue -V(注意這裡是大寫的「V」),如果出現相應的版本號,則說明安裝成功。
六、關於sass(ruby環境編譯sass, node-sass利用node編譯sass)
我們可以使用 npm(NPM 使用介紹)來安裝 Sass
npm install -g sass
以及可能遇到的問題之《安裝 node-sass 的不成功》
七、安裝git
文章之《git(一):了解、學習、安裝git》
八、and其他工作學習過程中需要用到的
待續......