more_plugins.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>xmake</title>
  6. <link rel="icon" href="/assets/img/favicon.ico">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  8. <meta name="description" content="Description">
  9. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  10. <link href="/assets/npm/github-markdown/github-markdown.min.css" rel="stylesheet">
  11. <style>
  12. .markdown-body {
  13. box-sizing: border-box;
  14. min-width: 200px;
  15. max-width: 980px;
  16. margin: 0 auto;
  17. padding: 45px;
  18. }
  19. @media (max-width: 767px) {
  20. .markdown-body {
  21. padding: 15px;
  22. }
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <article class="markdown-body">
  28. <h4>This is a mirror page, please see the original page: </h4><a href="https://xmake.io/#/zh-cn/plugin/more_plugins">https://xmake.io/#/zh-cn/plugin/more_plugins</a>
  29. <div id="wwads-panel" class="wwads-cn wwads-vertical wwads-sticky" data-id="239" style="max-width:180px;bottom:20px;right:20px;width:200px;height:260px;background:#fff;position:fixed"></div>
  30. </br>
  31. <script type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
  32. <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7I52QU&placement=xmakeio" id="_carbonads_js"></script>
  33. <style>
  34. #carbonads {
  35. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
  36. Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  37. }
  38. #carbonads {
  39. display: flex;
  40. max-width: 330px;
  41. background-color: hsl(0, 0%, 98%);
  42. box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
  43. }
  44. #carbonads a {
  45. color: inherit;
  46. text-decoration: none;
  47. }
  48. #carbonads a:hover {
  49. color: inherit;
  50. }
  51. #carbonads span {
  52. position: relative;
  53. display: block;
  54. overflow: hidden;
  55. }
  56. #carbonads .carbon-wrap {
  57. display: flex;
  58. }
  59. .carbon-img {
  60. display: block;
  61. margin: 0;
  62. line-height: 1;
  63. }
  64. .carbon-img img {
  65. display: block;
  66. }
  67. .carbon-text {
  68. font-size: 13px;
  69. padding: 10px;
  70. line-height: 1.5;
  71. text-align: left;
  72. }
  73. .carbon-poweredby {
  74. display: block;
  75. padding: 8px 10px;
  76. background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
  77. text-align: center;
  78. text-transform: uppercase;
  79. letter-spacing: .5px;
  80. font-weight: 600;
  81. font-size: 9px;
  82. line-height: 1;
  83. }
  84. </style>
  85. <h2 id="vscode">VSCode 插件</h2>
  86. <ul>
  87. <li><a href="https://github.com/xmake-io/xmake-vscode">xmake-vscode</a></li>
  88. </ul>
  89. <p><img src="https://raw.githubusercontent.com/xmake-io/xmake-vscode/master/res/problem.gif" width="650px" /></p>
  90. <p><a href="https://code.visualstudio.com/">VSCode</a>是常用的文本编辑器,xmake提供了插件支持。</p>
  91. <h3 id="">插件安装</h3>
  92. <p>由于VSCode本身只提供了文本编辑的功能,我们需要安装插件以支持配置,编译,调试,语法提示等功能:</p>
  93. <ul>
  94. <li>XMake</li>
  95. <li>C/C++</li>
  96. <li>CodeLLDB</li>
  97. </ul>
  98. <p>在完成插件的安装后,重启VSCode可以看到下方的状态栏:</p>
  99. <p><img src="/assets/img/guide/vscode_status_bar.png" alt=""></p>
  100. <p>可以在状态栏设置平台,架构,编译模式,工具链等选项,随后点击Build开始构建。</p>
  101. <h3 id="">自定义选项</h3>
  102. <p>如果这些选项不够,可以创建.vscode/settings.json并编写xmake需要的设置,如</p>
  103. <pre><code>{
  104. ...
  105. "xmake.additionalConfigArguments": [
  106. "--my_option=true"
  107. ],
  108. ...
  109. }
  110. </code></pre><p>其他xmake的选项也同样可以在settings.json中完成设置。修改后可通过 >XMake: Configure 命令刷新配置。</p>
  111. <h3 id="intellsence">配置 Intellsence</h3>
  112. <p>为了更好的 C++ 语法提示体验,xmake提供了对<a href="https://microsoft.github.io/language-server-protocol/">Language Server Protocol</a>(简称LSP)的支持。</p>
  113. <p>在 vscode 中,我们可以通过使用 vscode-cpptools 或者 clangd 来提供 intellsence 支持。</p>
  114. <p>另外,为了支持 intellsence,xmake 提供了 compile_commands.json 的生成支持。</p>
  115. <h4 id="compile_commands">生成 compile_commands</h4>
  116. <h5 id="">自动触发生成</h5>
  117. <p>通常在修改 xmake.lua 后点击保存,xmake-vscode 插件就会触发自动生成 compile_commands.json,默认存储在 .vscode 目录下。</p>
  118. <p>这也是推荐方式,通常装完 xmake-vscode 插件,打开带有 xmake.lua 的工程后,只需要编辑 xmake.lua 保存即可触发,不需要任何其他额外操作。</p>
  119. <h5 id="">手动触发生成</h5>
  120. <p>当然,如果没看到文件被生成,我们也可以在 vscode 中,可以使用 <code>>XMake: UpdateIntellisense</code> 命令手动触发生成 .vscode/compile_commands.json。</p>
  121. <h5 id="xmakelua">配置 xmake.lua 自动生成</h5>
  122. <p>或者,我们也可以使用这个规则来自动更新生成 compile_commandss.json</p>
  123. <pre><code class="lang-lua">add_rules("plugin.compile_commands.autoupdate", {outputdir = ".vscode"})
  124. target("test")
  125. set_kind("binary")
  126. add_files("src/*.c")
  127. </code></pre>
  128. <p>这会使得在每次 build 后,自动更新此文件。</p>
  129. <h5 id="">手动执行命令生成</h5>
  130. <p>如果上述方式都无效,我们也可以执行命令来生成。</p>
  131. <pre><code class="lang-console">$ xmake project -k compile_commands .vscode
  132. </code></pre>
  133. <h4 id="vscodecpptools">vscode-cpptools</h4>
  134. <p>如果我们使用 vscode-cpptools 插件来提供 intellsence 支持,需要先去 vscode 插件市场,搜下 C++,默认第一个插件就是,安装下。</p>
  135. <p>装完后,这个插件提供了 intellsence 和 调试支持。</p>
  136. <p>然后,我们需要配置下 c_cpp_properties.json 文件,关联上我们生成的 <code>.vscode/compile_commands.json</code>。</p>
  137. <pre><code>{
  138. "env": {
  139. "myDefaultIncludePath": ["${workspaceFolder}", "${workspaceFolder}/include"],
  140. "myCompilerPath": "/usr/local/bin/gcc-7"
  141. },
  142. "configurations": [
  143. {
  144. "name": "Mac",
  145. "intelliSenseMode": "clang-x64",
  146. "includePath": ["${myDefaultIncludePath}", "/another/path"],
  147. "macFrameworkPath": ["/System/Library/Frameworks"],
  148. "defines": ["FOO", "BAR=100"],
  149. "forcedInclude": ["${workspaceFolder}/include/config.h"],
  150. "compilerPath": "/usr/bin/clang",
  151. "cStandard": "c11",
  152. "cppStandard": "c++17",
  153. "compileCommands": "/path/to/compile_commands.json",
  154. "browse": {
  155. "path": ["${workspaceFolder}"],
  156. "limitSymbolsToIncludedHeaders": true,
  157. "databaseFilename": ""
  158. }
  159. }
  160. ],
  161. "version": 4
  162. }
  163. </code></pre><p>也就是上面的 <code>"compileCommands": "/path/to/compile_commands.json"</code> 配置项。</p>
  164. <p>关于如果打开这个配置文件,以及更多的配置说明,见:</p>
  165. <ul>
  166. <li><a href="https://code.visualstudio.com/docs/cpp/configure-intellisense-crosscompilation">https://code.visualstudio.com/docs/cpp/configure-intellisense-crosscompilation</a></li>
  167. <li><a href="https://code.visualstudio.com/docs/cpp/c-cpp-properties-schema-reference">https://code.visualstudio.com/docs/cpp/c-cpp-properties-schema-reference</a></li>
  168. </ul>
  169. <p>当然,理论上可以做到 xmake-vscode 插件自动关联设置这个文件,但是考虑到用户不一定使用 cpptools,有可能还会使用 clangd。</p>
  170. <p>因此,默认自动配置并不是很好,而且作者暂时也没时间精力去改进它。</p>
  171. <h4 id="clangd">clangd</h4>
  172. <p>与此同时,我们可以选择安装支持 LSP 的语法提示插件,如 LLVM 推出的<a href="https://clangd.llvm.org/">clangd</a>,其功能稳定且提示流畅,<br>并通过 LSP 标准完成对不同编译工具链的支持。</p>
  173. <p>使用 clangd 时,可能与上述的C/C++插件的提示功能有冲突,可以在 .vscode/settings.json 中添加设置将C/C++的语法提示功能关闭:</p>
  174. <pre><code>{
  175. "C_Cpp.codeAnalysis.runAutomatically": false,
  176. "C_Cpp.intelliSenseEngine": "Disabled",
  177. "C_Cpp.formatting": "Disabled",
  178. "C_Cpp.autoAddFileAssociations": false,
  179. "C_Cpp.autocompleteAddParentheses": false,
  180. "C_Cpp.autocomplete": "Disabled",
  181. "C_Cpp.errorSquiggles": "Disabled",
  182. ...
  183. }
  184. </code></pre><p>同时由于 XMake 生成的 compile_commands.json 在 .vscode 目录,还需要设置 clangd 传参使其在正确位置寻找:</p>
  185. <pre><code>{
  186. "clangd.arguments": [
  187. "--compile-commands-dir=.vscode",
  188. ...
  189. ]
  190. ...
  191. }
  192. </code></pre><p>如果配置后,还是没生效,可以尝试重启 vscode 和 clangd 进程,再验证下。</p>
  193. <h2 id="sublime">Sublime 插件</h2>
  194. <ul>
  195. <li><a href="https://github.com/xmake-io/xmake-sublime">xmake-sublime</a></li>
  196. </ul>
  197. <p><img src="https://raw.githubusercontent.com/xmake-io/xmake-sublime/master/res/problem.gif" width="650px" /></p>
  198. <h2 id="intellijideaclion">Intellij IDEA/CLion 插件</h2>
  199. <ul>
  200. <li><a href="https://github.com/xmake-io/xmake-idea">xmake-idea</a></li>
  201. </ul>
  202. <p><img src="https://raw.githubusercontent.com/xmake-io/xmake-idea/master/res/problem.gif" width="650px" /></p>
  203. <h2 id="vim">Vim 插件</h2>
  204. <ul>
  205. <li><a href="https://github.com/luzhlon/xmake.vim">xmake.vim</a> (第三方开发, 感谢<a href="https://github.com/luzhlon">@luzhlon</a>)</li>
  206. </ul>
  207. <h2 id="neovim">Neovim 插件</h2>
  208. <ul>
  209. <li><a href="https://github.com/Mythos-404/xmake.nvim">xmake.nvim</a> (第三方开发, 感谢<a href="https://github.com/Mythos-404">@Mythos_404</a>)</li>
  210. </ul>
  211. <p>该插件提供了易用的配置UI和自动生成<em>compile_commands.json</em>文件</p>
  212. <p><img src="https://raw.githubusercontent.com/Mythos-404/xmake.nvim/main/assets/XmakePreview.gif" width="650px" /></p>
  213. <h2 id="gradlejni">Gradle插件(JNI)</h2>
  214. <ul>
  215. <li><a href="https://github.com/xmake-io/xmake-gradle">xmake-gradle</a>: 一个无缝整合xmake的gradle插件</li>
  216. </ul>
  217. <h3 id="dsl">通过插件DSL集成</h3>
  218. <pre><code>plugins {
  219. id &#39;org.tboox.gradle-xmake-plugin&#39; version &#39;1.0.9&#39;
  220. }
  221. </code></pre><h3 id="">被废弃的插件集成方式</h3>
  222. <pre><code>buildscript {
  223. repositories {
  224. maven {
  225. url "https://plugins.gradle.org/m2/"
  226. }
  227. }
  228. dependencies {
  229. classpath &#39;org.tboox:gradle-xmake-plugin:1.0.9&#39;
  230. }
  231. repositories {
  232. mavenCentral()
  233. }
  234. }
  235. apply plugin: "org.tboox.gradle-xmake-plugin"
  236. </code></pre><h3 id="">最简单的配置示例</h3>
  237. <p>如果我们添加<code>xmake.lua</code>文件到<code>projectdir/jni/xmake.lua</code>,那么我们只需要在build.gradle中启用生效了xmake指定下对应的JNI工程路径即可。</p>
  238. <h4 id="buildgradle">build.gradle</h4>
  239. <pre><code>android {
  240. externalNativeBuild {
  241. xmake {
  242. path "jni/xmake.lua"
  243. }
  244. }
  245. }
  246. </code></pre><h4 id="jni">JNI</h4>
  247. <p>JNI工程结构</p>
  248. <pre><code>projectdir
  249. - src
  250. - main
  251. - java
  252. - jni
  253. - xmake.lua
  254. - *.cpp
  255. </code></pre><p>xmake.lua:</p>
  256. <pre><code class="lang-lua">add_rules("mode.debug", "mode.release")
  257. target("nativelib")
  258. set_kind("shared")
  259. add_files("nativelib.cc")
  260. </code></pre>
  261. <h3 id="gradle">更多Gradle配置说明</h3>
  262. <pre><code>android {
  263. defaultConfig {
  264. externalNativeBuild {
  265. xmake {
  266. // 追加设置全局c编译flags
  267. cFlags "-DTEST"
  268. // 追加设置全局c++编译flags
  269. cppFlags "-DTEST", "-DTEST2"
  270. // 设置切换编译模式,与`xmake f -m debug`的配置对应,具体模式值根据自己的xmake.lua设置而定
  271. buildMode "debug"
  272. // 设置需要编译的abi列表,支持:armeabi, armeabi-v7a, arm64-v8a, x86, x86_64
  273. // 如果没有设置的话,我们也支持从defaultConfig.ndk.abiFilters中获取abiFilters
  274. abiFilters "armeabi-v7a", "arm64-v8a"
  275. }
  276. }
  277. }
  278. externalNativeBuild {
  279. xmake {
  280. // 设置jni工程中xmake.lua根文件路径,这是必须的,不设置就不会启用jni编译
  281. path "jni/xmake.lua"
  282. // 启用详细输出,会显示完整编译命令行参数,其他值:verbose, warning, normal
  283. logLevel "verbose"
  284. // 指定c++ stl库,默认不指定会使用c++_static,其他值:c++_static/c++_shared, gnustl_static/gnustl_shared, stlport_static/stlport_shared
  285. stl "c++_shared"
  286. // 设置xmake可执行程序路径(通常不用设置)
  287. // program /usr/local/bin/xmake
  288. // 禁用stdc++库,默认是启用的
  289. // stdcxx false
  290. // 设置其他指定的ndk目录路径 (这是可选的,默认xmake会自动从$ANDROID_NDK_HOME或者`~/Library/Android/sdk/ndk-bundle`中检测)
  291. // 当然如果用户通过`xmake g --ndk=xxx`配置了全局设置,也会自动从这个里面检测
  292. // ndk "/Users/ruki/files/android-ndk-r20b/"
  293. // 设置ndk中sdk版本
  294. // sdkver 21
  295. }
  296. }
  297. }
  298. </code></pre><h3 id="jniapk">编译JNI并且生成APK</h3>
  299. <p>当<code>gradle-xmake-plugin</code>插件被应用生效后,<code>xmakeBuild</code>任务会自动注入到现有的<code>assemble</code>任务中去,自动执行jni库编译和集成。</p>
  300. <pre><code class="lang-console">$ ./gradlew app:assembleDebug
  301. > Task :nativelib:xmakeConfigureForArm64
  302. > Task :nativelib:xmakeBuildForArm64
  303. >> xmake build
  304. [ 50%]: cache compiling.debug nativelib.cc
  305. [ 75%]: linking.debug libnativelib.so
  306. [100%]: build ok!
  307. >> install artifacts to /Users/ruki/projects/personal/xmake-gradle/nativelib/libs/arm64-v8a
  308. > Task :nativelib:xmakeConfigureForArmv7
  309. > Task :nativelib:xmakeBuildForArmv7
  310. >> xmake build
  311. [ 50%]: cache compiling.debug nativelib.cc
  312. [ 75%]: linking.debug libnativelib.so
  313. [100%]: build ok!
  314. >> install artifacts to /Users/ruki/projects/personal/xmake-gradle/nativelib/libs/armeabi-v7a
  315. > Task :nativelib:preBuild
  316. > Task :nativelib:assemble
  317. > Task :app:assembleDebug
  318. </code></pre>
  319. <h3 id="jni">强制重建JNI</h3>
  320. <pre><code class="lang-console">$ ./gradlew nativelib:xmakeRebuild
  321. </code></pre>
  322. </article>
  323. </body>
  324. </html>