installing-cline.mdx 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408
  1. ---
  2. title: "Installing Cline"
  3. description: "Get Cline up and running in your favorite IDE with these simple installation steps"
  4. ---
  5. <Note>
  6. **Ready to get started?** Installation takes less than 2 minutes! Choose your editor below and follow the simple steps.
  7. </Note>
  8. ## Before You Begin
  9. <CardGroup cols={1}>
  10. <Card title="Create Your Account" icon="user-plus" href="https://app.cline.bot/login">
  11. Sign up for a **free Cline account** to get:
  12. - Access to multiple AI models including stealth models
  13. - Seamless setup without managing API keys
  14. - Occasional free inferencing through partner providers
  15. </Card>
  16. <Card title="Have a Compatible Editor" icon="code">
  17. Cline works with:
  18. - **VS Code** / **Cursor**
  19. - **JetBrains IDEs** (IntelliJ, PyCharm, WebStorm, etc.)
  20. - **VSCodium** / **Windsurf**
  21. Install one before proceeding.
  22. </Card>
  23. </CardGroup>
  24. ## Installation Instructions
  25. <Tabs>
  26. <Tab title="VS Code/Cursor" icon="code">
  27. <Frame>
  28. <img
  29. src="https://storage.googleapis.com/cline_public_images/vscode.png"
  30. alt="VS Code logo"
  31. style={{ width: "100px", height: "auto", display: "block" }}
  32. />
  33. </Frame>
  34. <Steps>
  35. <Step title="Open Extensions">
  36. Launch VS Code and open the Extensions view:
  37. - Press `Ctrl/Cmd + Shift + X`, or
  38. - Click the Extensions icon in the Activity Bar
  39. </Step>
  40. <Step title="Search for Cline">
  41. Type **"Cline"** in the Extensions marketplace search bar
  42. <Frame>
  43. <img src="https://storage.googleapis.com/cline_public_images/extension-installation.png" alt="VS Code marketplace showing Cline extension"
  44. />
  45. </Frame>
  46. </Step>
  47. <Step title="Install">
  48. Click the **Install** button on the Cline extension
  49. <Frame caption="VS Code marketplace with Cline extension ready to install">
  50. <img
  51. src="https://storage.googleapis.com/cline_public_images/docs/assets/image%20(20).png"
  52. alt="VS Code marketplace showing Cline extension"
  53. />
  54. </Frame>
  55. </Step>
  56. <Step title="Access Cline">
  57. After installation completes:
  58. - Click the **Cline icon** in the Activity Bar, or
  59. - Open Command Palette (`Ctrl/Cmd + Shift + P`) → type **"Cline: Open In New Tab"**
  60. <Frame caption="Cline opened in VSCode">
  61. <img
  62. src="https://storage.googleapis.com/cline_public_images/after-installation.png"
  63. alt="Cline opened in VSCode"
  64. />
  65. </Frame>
  66. <Warning>
  67. If VS Code shows "Running extensions might..." dialog, click **Allow**. If you don't see the Cline icon, restart VS Code.
  68. </Warning>
  69. </Step>
  70. </Steps>
  71. <Check>
  72. **Installation Complete!** You should now see the Cline interface in your editor. Time to sign in!
  73. </Check>
  74. <Accordion title="Troubleshooting">
  75. **Plugin Installation Issues**
  76. If you can't find Cline in the marketplace:
  77. - Make sure you're searching in the **Marketplace** tab (not Installed)
  78. - Try searching for "Cline AI" or just "Cline"
  79. - Check that your VS Code version is compatible
  80. If installation fails:
  81. - Restart your VS Code and try again
  82. - Check your internet connection
  83. - Try installing from VSIX file as an alternative
  84. **Plugin Not Appearing**
  85. If you don't see the Cline tool window after installation:
  86. - Restart VS Code completely (File → Exit and reopen)
  87. - Check **View** → **Command Palette** → "Cline: Open In New Tab"
  88. - Verify the plugin is enabled in **Extensions** view
  89. - Look for the Cline icon in your Activity Bar (usually on the left side)
  90. **Common Issues**
  91. Plugin appears to be installed but doesn't work:
  92. - Ensure you've restarted VS Code after installation
  93. - Check if there are any error messages in the Developer Console
  94. - Try disabling and re-enabling the extension
  95. Performance or compatibility issues:
  96. - Make sure you're using a supported VS Code version
  97. - Check for VS Code updates that might improve compatibility
  98. - Consider closing other resource-intensive extensions if needed
  99. Need help? Join our [Discord community](https://discord.gg/cline).
  100. </Accordion>
  101. </Tab>
  102. <Tab title="JetBrains IDEs" icon="brain">
  103. <img
  104. src="https://storage.googleapis.com/cline_public_images/docs/assets/jetbrains-logo.svg"
  105. alt="JetBrains logo"
  106. style={{ width: "200px", height: "auto", margin: "0 auto 20px auto", display: "block" }}
  107. />
  108. <Note>
  109. Cline for JetBrains works almost identically to VS Code, with all core features: diff editing, tools, multiple API providers, MCP servers, Cline rules/workflows, and more.
  110. </Note>
  111. ### Choose Your Installation Method
  112. <Tabs>
  113. <Tab title="From IDE (Recommended)">
  114. <Steps>
  115. <Step title="Open Settings">
  116. In your JetBrains IDE, go to **Settings**:
  117. - Windows/Linux: `Ctrl+Alt+S`
  118. - macOS: `Cmd+,`
  119. </Step>
  120. <Step title="Navigate to Plugins">
  121. Go to **Plugins** → **Marketplace** tab
  122. </Step>
  123. <Step title="Install Cline">
  124. Search for **"Cline"** and click **Install**
  125. <Frame>
  126. <img
  127. src="https://storage.googleapis.com/cline_public_images/jetbrains-installation.png"
  128. alt="JetBrains marketplace showing Cline plugin search results"
  129. />
  130. </Frame>
  131. </Step>
  132. <Step title="Restart IDE">
  133. Restart your IDE to complete the installation
  134. <Frame>
  135. <img
  136. src="https://storage.googleapis.com/cline_public_images/jetbrains-post-installation.png"
  137. alt="JetBrains marketplace showing Cline plugin search results"
  138. />
  139. </Frame>
  140. </Step>
  141. </Steps>
  142. </Tab>
  143. <Tab title="Browser Install">
  144. <Steps>
  145. <Step title="Visit Marketplace">
  146. Go to the [JetBrains Marketplace](https://plugins.jetbrains.com/plugin/28247-cline)
  147. </Step>
  148. <Step title="Click Install to IDE">
  149. Click the **Install to IDE** button
  150. </Step>
  151. <Step title="Confirm in IDE">
  152. Your IDE will open and prompt you to confirm the installation
  153. </Step>
  154. <Step title="Restart IDE">
  155. Restart to complete the installation
  156. </Step>
  157. </Steps>
  158. </Tab>
  159. <Tab title="Manual Install">
  160. <Steps>
  161. <Step title="Download Plugin">
  162. Download from the [marketplace page](https://plugins.jetbrains.com/plugin/28247-cline)
  163. </Step>
  164. <Step title="Open Settings">
  165. Go to **Settings** → **Plugins**
  166. </Step>
  167. <Step title="Install from Disk">
  168. Click the gear icon → **Install Plugin from Disk**
  169. </Step>
  170. <Step title="Select File & Restart">
  171. Select the downloaded `.zip` file and restart your IDE
  172. </Step>
  173. </Steps>
  174. </Tab>
  175. </Tabs>
  176. <Check>
  177. **Installation Complete!** Find Cline in **View** → **Tool Windows** → **Cline** (usually on the right side).
  178. </Check>
  179. ### What Works in JetBrains
  180. <AccordionGroup>
  181. <Accordion title="✅ All Core Features" defaultOpen>
  182. - Diff editing and file modifications
  183. - Multiple API providers (Anthropic, OpenAI, local models)
  184. - MCP servers and custom tools
  185. - Cline rules and workflows
  186. - @ mentions for files, folders, and problems
  187. - Drag & drop support
  188. </Accordion>
  189. <Accordion title="📋 Terminal Integration Difference">
  190. **JetBrains shows terminal output differently than VS Code:**
  191. - VS Code: Output streams directly to chat
  192. - JetBrains: Output appears in collapsible "Command Output" sections
  193. Commands execute successfully in both—just expand the section to see results in JetBrains.
  194. </Accordion>
  195. </AccordionGroup>
  196. <Accordion title="Troubleshooting">
  197. **Plugin Installation Issues**
  198. If you can't find Cline in the marketplace:
  199. - Make sure you're searching in the **Marketplace** tab (not Installed)
  200. - Try searching for "Cline AI" or just "Cline"
  201. - Check that your IDE version is compatible (2023.1 or later recommended)
  202. If installation fails:
  203. - Restart your IDE and try again
  204. - Check your internet connection
  205. - Try installing from disk as an alternative
  206. **Plugin Not Appearing**
  207. If you don't see the Cline tool window after installation:
  208. - Restart your IDE completely (File → Exit and reopen)
  209. - Check **View** → **Tool Windows** → **Cline**
  210. - Verify the plugin is enabled in **Settings** → **Plugins** → **Installed** tab
  211. - Look for the Cline icon in your IDE's tool window bar (usually on the right side)
  212. **Common Issues**
  213. Plugin appears to be installed but doesn't work:
  214. - Ensure you've restarted your IDE after installation
  215. - Check if there are any error messages in the IDE's event log
  216. - Try disabling and re-enabling the plugin in Settings
  217. Performance or compatibility issues:
  218. - Make sure you're using a supported JetBrains IDE version
  219. - Check for IDE updates that might improve compatibility
  220. - Consider allocating more memory to your IDE if needed
  221. Need help? Join our [Discord community](https://discord.gg/cline).
  222. </Accordion>
  223. </Tab>
  224. <Tab title="VSCodium/Windsurf" icon="terminal">
  225. <Note>
  226. These editors use the **Open VSX Registry** instead of the VS Code Marketplace, but the installation process is nearly identical.
  227. </Note>
  228. <Steps>
  229. <Step title="Open Extensions">
  230. Launch your editor (VSCodium, Windsurf, etc.) and open Extensions view:
  231. - Press `Ctrl/Cmd + Shift + X`
  232. </Step>
  233. <Step title="Search for Cline">
  234. Type **"Cline"** in the marketplace search bar
  235. </Step>
  236. <Step title="Install by Author">
  237. Select **"Cline" by saoudrizwan** and click **Install**
  238. </Step>
  239. <Step title="Reload if Needed">
  240. Reload your editor if prompted to complete installation
  241. </Step>
  242. </Steps>
  243. <Check>
  244. **Installation Complete!** Look for the Cline icon in your Activity Bar or use the Command Palette.
  245. </Check>
  246. <Accordion title="Troubleshooting">
  247. **Plugin Installation Issues**
  248. If you can't find Cline in the marketplace:
  249. - Make sure you're searching in the **Marketplace** tab (not Installed)
  250. - Try searching for "Cline AI" or just "Cline"
  251. - Check that your editor version is compatible
  252. If installation fails:
  253. - Restart your editor and try again
  254. - Check your internet connection
  255. - Try installing from disk as an alternative
  256. **Plugin Not Appearing**
  257. If you don't see the Cline tool window after installation:
  258. - Restart your editor completely (File → Exit and reopen)
  259. - Check **View** → **Command Palette** → "Cline: Open In New Tab"
  260. - Verify the plugin is enabled in **Extensions** view
  261. - Look for the Cline icon in your Activity Bar (usually on the left side)
  262. **Common Issues**
  263. Plugin appears to be installed but doesn't work:
  264. - Ensure you've restarted your editor after installation
  265. - Check if there are any error messages in the Developer Console
  266. - Try disabling and re-enabling the extension
  267. Performance or compatibility issues:
  268. - Make sure you're using a supported editor version
  269. - Check for editor updates that might improve compatibility
  270. - Consider closing other resource-intensive extensions if needed
  271. Need help? Join our [Discord community](https://discord.gg/cline).
  272. </Accordion>
  273. </Tab>
  274. </Tabs>
  275. ## Next Steps: Sign In & Start Building
  276. <Steps>
  277. <Step title="Open Cline">
  278. Find and open Cline in your editor:
  279. - **VS Code/Cursor/VSCodium/Windsurf:** Click the Cline icon in the Activity Bar
  280. - **JetBrains:** Go to **View** → **Tool Windows** → **Cline**
  281. </Step>
  282. <Step title="Sign In">
  283. Click the **Sign Up** button in the Cline interface
  284. <Info>
  285. You'll be redirected to [app.cline.bot](https://app.cline.bot) to authenticate. After signing in, you'll automatically return to your editor.
  286. </Info>
  287. <Info>
  288. You'll be redirected to the Cline authentication page to sign in with your account.
  289. </Info>
  290. </Step>
  291. <Step title="You're All Set!">
  292. <Check>
  293. **Congratulations!** You're all set to start using Cline!
  294. Cline is now ready to help you build projects.
  295. </Check>
  296. </Step>
  297. </Steps>
  298. ## Tips for Success
  299. <CardGroup cols={2}>
  300. <Card title="Ask Questions" icon="circle-question">
  301. Don't know something? Ask in Plan Mode! Cline can explain concepts, debug errors, and guide you through tasks.
  302. </Card>
  303. <Card title="Use Screenshots" icon="image">
  304. Some models understand screenshots of what you're working on or errors you encounter.
  305. </Card>
  306. <Card title="Share Error Messages" icon="triangle-exclamation">
  307. Use @problems to share error messages for quick solutions and debugging help.
  308. </Card>
  309. <Card title="Speak Naturally" icon="comments">
  310. Use your own words—no need for technical jargon. Cline will translate your ideas into code.
  311. </Card>
  312. </CardGroup>
  313. ## Need Help?
  314. <CardGroup cols={2}>
  315. <Card title="Join Our Discord" icon="discord" href="https://discord.gg/cline">
  316. Connect with our team and community for support, tips, and discussions.
  317. </Card>
  318. <Card title="Read the Docs" icon="book-open" href="/getting-started/selecting-your-model">
  319. Explore model selection guides and advanced features to get the most out of Cline.
  320. </Card>
  321. </CardGroup>