指令碼編輯CodeMirror的用法與配置

2021-10-01 10:43:07 字數 980 閱讀 1540

1、npm install vue-codemirror-lite, 安裝vue-codemirrir-lite;

2、在需要用到的檔案裡面引入, codemirror/lib/codemirror.css, 語言:codemirror/mode/python/python.js,

主題樣式:codemirror/theme/blackboard.css, codemirror/theme/elegant.css, 引入游標所在行是否高亮的包:codemirror/addon/selection/active-line.js;

import  from 'vue-codemirror-lite'

import 'codemirror/lib/codemirror.css'

// language

import 'codemirror/mode/python/python.js'

// theme css

import 'codemirror/theme/blackboard.css'

import 'codemirror/theme/elegant.css'

// require active-line.js

import 'codemirror/addon/selection/active-line.js'

3、components裡面註冊codemirror;

4、指令碼編輯區設定乙個變數用來存放指令碼,在data裡面設定;

data () 

}}

5、用codemirror時需要設定兩個引數,乙個是我這裡的code,繫結指令碼編輯區輸入的指令碼內容,另乙個是options,值為這裡的cmoption;

$axios.get(`/scriptconsole/getscriptbyuuid/$`).then((res) => )

AE指令碼編輯

這裡為大家推薦一款mac系統的ae使用者設計的指令碼編輯器,mocode for mac這款外掛程式能夠輔助大家在ae上編輯各類ae表示式和指令碼,不再需要在借助其它的指令碼編輯器進行編輯。這款外掛程式為初學者和專家帶來了乙個完整的開發環境和乙個工具欄。它不僅是 編輯器,還是一種全新的方式,可以快速...

Linux shell指令碼(編輯中)

shell是乙個程式,是使用者和linux核心溝通的橋梁 bin bash 其中 不是注釋,而是告訴作業系統將執行此指令碼所用的直譯器的名字。syntax on set hlsearch set tabstop 4 set autoindent 可以去掉冒號,新增到 vimrc中 bin bash ...

自已再編輯的iptables指令碼

bin sh iptables f iptables x iptables t nat f iptables t nat x echo 1 proc sys net ipv4 ip forward 辦公室網路控制 arp s 192.168.0.7 00 e0 4c e4 da 18 arp s 1...