前端基礎開發環境安裝與配置

前言

  前端的東西越來越多,換台電腦就忘要配置啥,現在工作中大部分開發還是用vue,基於vue的環境配置。

  1. 安裝node環境
  2. npm(修改淘寶鏡像)
  3. 安裝webpack
  4. 開發工具vscode或webstrom
  5. 安裝vue-cli
  6. 關於sass(ruby環境編譯sass, node-sass利用node編譯sass)
  7. 安裝git
  8. 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其他工作學習過程中需要用到的

  待續......

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Tags: