新手学习配置atom编辑器进行安装插件如script

  本人想学一些关于node.js、javascript,初识atom编辑器,通过网上了解到atom编辑器可以支持很多插件。出于通过atom想单独调试javacript代码的目的,就想安装script插件,安装过程中出现很多错误,终于安装成功。安装atom插件,我所了解到的有两种方式,一种是使用atom自带的install packages,另一种是使用git clone 然后npm安装。本文主要记录下自己使用git clone的安装方法。

  1、安装node.js,这一套不用多写多记,网上一搜发现有好多博客、文章教我们如何安装。(不过建议还是使用淘宝镜像)。

  2、官网下载,并安装atom,我发现下载此软件好慢,但是从单位的网络环境中下载下来了,于是拷贝到自己的电脑中。(大家有好的途经,麻烦多多支招)。

  3、官网下载,并安装git。

  4、cmd打开命令行,使用cd命令进入到如下路径:C:\Users\lenovo\.atom\packages  因人而异,重点是文字加粗加大部分的那个文件夹。

  5、进入GitHub官网,注册账号,搜索atom-script,如下截图:(目前一定要使用最新的Google或者是Firefox浏览器,什么360啦搜狗啦统统放弃)。

  6、进入rgbkrk/atom-script下,点击clone or download 按钮,并复制路径。具体如下图:

  7、回到命令行界面,注意命令行的路径是上文提到的路径:C:\Users\lenovo\.atom\packages;在这个路径下输入如下命令:git clone https://github.com/rgbkrk/atom-script.git 就能下载atom-script插件。

  8、下载插件完毕后,输入命令行cd 进入到如下路径:C:\Users\lenovo\.atom\packages\atom-script。然后使用node.js安装插件。这里一定要注意,这里有个小插曲:网上搜索后都会告诉,配置apm的环境变量,本人配置找到apm的路径,在环境变量中配置如下: path:C:\Users\lenovo\AppData\Local\atom\app-1.19.0\resources\app\apm\bin;(使用apm -v 验证)。这是因为安装atom的时候,已经自带node.js程序,所以apm是什么?个人理解就是atom封装的类似npm的命令工具。apm是什么其实就是npm,npm想在国内网络环境用比登天还慢。所以本人就用cnpm安装,这就是为什么第一步就要安装node.js并建议使用淘宝镜像。安装命令行:cnpm install。发现一次不成功就多次cnpm install,结果成功了,类似于重启电脑的效果。

  9、重新打开atom检验是否安装成功。关于script插件使用ctrl+p 然后会弹出script:RUN 就是安装成功了。

时间: 2024-11-01 01:14:23

新手学习配置atom编辑器进行安装插件如script的相关文章

atom编辑器手动安装插件

atom安装插件有三种方式: apm install ** 在ide中搜索 手动安装 我们介绍手动怎么安装第三方插件,打比方安装atom-ternjs,用于 Javascript 和 Node.js 的自动补全. 插件官网是https://atom.io/packages/atom-ternjs ,然后复制repo的地址 打开cmd 输入 cd ./atom/packages/ 输入git clone https://github.com/tststs/atom-ternjs.git ,这一步,

Atom编辑器的安装及常用插件

一.atom安装: github安装链接:https://github.com/atom/atom Debian Linux (Ubuntu) Currently only a 64-bit version is available. Download atom-amd64.deb from the Atom releases page. Run sudo dpkg --install atom-amd64.deb on the downloaded package. Launch Atom u

Atom 编辑器 前端基本插件

Atom 编辑器插件 这个编辑器是github出品,现在处于免费试用期:如果是初学者,可以使用这个编辑器,插件安装很方便,只需要点菜单栏的File-Settings-Install,在搜索框中输入想要的插件名即可. ============================ activate -power-mode //震动,粒子效果,酷炫装逼必备,可在设置里关闭震动 Screen Shake-Enabled atom-html-preview //ctrl+shift+h 右侧打开预览,有bug

Mac Sublime Text 3 配置Python环境及安装插件

一.下载安装Sublime Text 3 官网下载地址:http://www.sublimetext.com/3 二.配置Python开发环境 1.点击右下角,选择python 2.添加编译环境python3.6 我的Mac默认的是python2.7版本,安装python3.6,现在要配置Sublime Text使用python3.6编译环境 Tools -> Build System -> New Build System 在打开的文件里粘贴如下代码 {    "cmd"

ATOM 编辑器使用扩展插件

汉化:chinakids的程序员写了一个名为 simplified-chinese-menu的汉化包,打开 packages –setting views–open –install 搜索simplified-chinese-menu进行安装即可汉化. 汉化 汉化成功后的效果 针对前端我介绍下插件(因人而异,大家可以安装别的插件看看) 方式:扩展 - 界面设置 - 安装插件/主题 输入插件的名称,安装重启即可: 插件介绍: 文件路径自动提示:autocomplete-paths html页面预览

Node.js 安装及环境配置 以及google浏览器安装插件并使用

一.安装环境 1.本机系统:Windows 10 企业版(64位)2.Node.js:node-v10.16.0-x64.msi(64位) 二.安装Node.js步骤 1.下载对应自己系统对应的 Node.js 版本,地址:https://nodejs.org/zh-cn/2.选安装目录进行安装3.环境配置4.测试 三.前期准备 1.Node.js简介 Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行时. Node.js 使用高效.轻量级的事件驱动.非阻塞 I

让ATOM编辑器的EMMET插件支持VUE文件的方法

最近一直使用ATOM编辑器.因为这是免费的,并且和GIT配合非常好用.关键的是可以从sublime无缝的转换到这个编辑器来使用. 有一个问题就是,我们在编辑.vue这样的文件的时候,emmet语法得不到支持.这让我很憋屈.终于找到了解决方法.在这里分享给大家. 我的环境是MAC,但应该在windows和linux下是一样的才对. 进入终端编辑配置文件 vim ~/.atom/keymap.cson 这个文件默认有大段的注释.不用管,我们把光标放到最后一行,按 o 在最后一行后面再插入一行,将下面

Atom 编辑器常用的插件

atom 好用的插件 1,atom-beautify 代码格式化插件 2,Emmt html代码提示插件 3,file-icons 可以显示文件类型图标 4,minimap 类似于SublimeText中的右侧栏 5,open-html-in-browser 可以运行html,在浏览器中查看效果 6,open-terminal-here 在当前文件的目录中打开终端 7,terminal-plus 在atom中集成了终端,比run-in-terminal好用 8,vim-model 在atom中通

Notepad++插件Python Script和Emmet的安装使用教程(转载)

安装插件Python Script和Emmet: 最近在做一个项目,涉及到大量的HTML.CSS代码的编写,手动写代码效率实在是低下.于是想搜索一下,有没有Notepad++插件可以支持自动生成的,果不其然还真有.Emmet,这款神器其实就是 Zen Coding的升级版,它可以极大的提高代码编写的效率,并提供了一种非常简练的语法规则,立刻生成对应的 HTML 结构或者 CSS代码,同时还有多种实用的功能帮助进行前端开发. Emmet支持多种编辑器,如Sublime Text 2,TextMat