在Atom裡使用makefile建置C++

在Atom裡使用makefile建置C++

前言

  在Linux使用makefile建置C++時有個麻煩，當Target很多的時候會發生忘記Target的名稱，所以就會要開起makefile來複製Target的名稱，如果可以直接選擇Target不是很好嗎?最近發現Atom有個外掛可以達成，在此做個紀錄。

內容

  首先來安裝需要的外掛，外掛的名稱是"build-make-file"，如下圖所示

安裝外掛"build-make-file"

裝完後，開啟一個makefile的檔案，接著按下"F7"後就可以看到下圖

選擇Target

選擇後就會執行，用起來非常簡單。這個外掛有些小缺陷，有時按下"F7"後會沒有即時更新Target，請等個1~2後再按"F7"就會即時更新Target，另外這個外掛只有當開啟的檔案是makefile時才會動作，並不是選取專案的任意檔案就會自動偵測的類型，這點請注意。

在Atom裡使用node.js

在Atom裡使用node.js

前言

  以前要跑node.js的專案我會選用NetBeans來建置專案，雖然NetBeans是跨平台，但編輯器的使用習慣跟我的習慣有落差，所以考慮使用Atom來替代，在此做個紀錄。

內容

  由於Atom本身並不支援node.js，但可以透過外掛來支援，所以安裝完後要先裝外掛，請依下圖只是開啟設定

Atom開啟設定

開啟後可以看到下圖

選擇要安裝的外掛

在"2"的地方輸入可以搜尋外掛，下方顯示的就是搜尋的成果，那要安裝那些外掛呢?請看下圖

node.js所需的外掛

第一個外掛是"build"，這個外掛很重要，很多需要"建置"的外掛都需要透過這個外掛，第二個外掛是"build-npm-apm"，這個就是基於"build"外掛來支援npm。

  安裝完後，建一個專案來測試外掛式正常，如下圖

測試專案

選擇"package.json"後按下"F7"後，可以看到下圖

選擇要執行的Target

這裡就可以選擇要執行的Target，按下後就會執行很簡單。如果沒跳出Target的話，請重開Atom，這個外掛似乎只會在開啟後掃描一次，之後就不會重新掃描，所以如果Target有進行更新的話也請重開Atom。

  整個用起來和上次在初探Visual studio code裡介紹的VSCode(Visual studio code)差不多，VSCode建置時需要比較多次的選擇，但Target會即時更新，Atom則是有比較少的選擇步驟，但Target不會即時更新，最後我選了Atom，雖然Target不會即時更新，但Target其實並不會時常更新，反倒是執行Target要時常使用。

相關文章

初探Visual studio code

解決Afterburner繪圖API是OpenGL但卻顯示D3D10的問題

解決Afterburner繪圖API是OpenGL但卻顯示D3D10的問題

前言

  Afterburner可以用來監控GPU的相關數據，而且可以直接將數據顯示在視窗上，如下圖

GLFW的範例使用Afterburner顯示數據

圖中箭頭所指的是使用的繪圖API，如果只安裝Afterburner的話，這裡就會顯示"D3D10"(Direct3D10)而不是"OGL"(OpenGL)，是什麼問題呢?

內容

  顯示繪圖API不正確的問題本以為是Afterburner沒設定好，所以在設定介面花了不少時間，但發現沒有參數可以調整，接著就Google了這個問題，發現問題都有個關鍵字"RTSS"，查了一下全名是"RivaTuner Statistics Sever"，這個軟體才是真正提供顯示數據在視窗上的功能，Afterburner只是去啟動它，可以在系統右下的Icon找到它，如下圖

RTSS2的Icon

圖中的1是Afterburner的Icon，而2所指的就是RTSS，點選後可以看到操作的視窗，如下圖

RTSS的操作視窗

本以為是在這個視窗做調整，但最後發現是把它更新到最新版後就正常了，可以到Guru3D RTSS Rivatuner Statistics Server Download下載，看了一下google相關問題的討論，都超過一年以上，所以推測這個問題應該是Afterburner的安裝程式裡的RTSS是舊版的所造成的問題。

參考資料

Guru3D RTSS Rivatuner Statistics Server Download

初探Visual studio code

初探Visual studio code

前言

  最近在查找資料時發現有個跨平台的編輯器Visual studio code，就想到我在Ubuntu一直以來都用Console在建置專案，搞不好可以取代，在此把學習的過程做個紀錄。

內容

  Visual studio code用起來和Atom的感覺滿像的，尤其是把某個資料夾就直接當成專案的資料夾這點，這次會說明如何安裝外掛與如何執行npm的script。

  安裝外掛的部分可以參考下圖

Visual studio code安裝外掛

先點選最左側的Icon(圖中被圈起來的)，接著可以在Icon右邊看到已安裝的外掛，下方的視窗(圖中被箭頭所指)可以選擇要安裝的外掛，用起來相當直觀簡單。

  執行npm的script的部分，先建一個專案，範例如下

{
  "name": "mylib",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "mytest2":"echo \"This is my test!\" "
  },
  "author": "",
  "license": "ISC"
}

基本上就是用"npm init"來建，紅字的部分是新增的。建完後如何跑呢?本以為是透過外掛來達成的，所以google了一陣子後才發現不是，Visual studio code本身有內建的命令，要透過內建的命令來執行命令，先看下圖

開啟Visual studio code命令列

注意這是Visual studio code的命令列，並不是console，開啟後可以看到下圖

執行命令

如果圖中的"Tasks:Run Task"沒出現在正下選項中可以在上方的輸入"Tasks:Run Task"，該輸入會篩選符合的命令，點選"Tasks:Run Task"後可以看到下圖

執行Target

這裡可以選擇要執行哪個Target，選完後可以看到下圖

選擇執行項目

這裡選"Continue without scanning the task output"，選完後就執行命令。

參考資料

Visual Studio Code Tips and Tricks