本文目录一览:
vscode基本代码
在命令行输入 npm -v 出现了node 版本号 即安装成功
新建一个package文件 npm init 输入对应的内容
全部采取默认方式命令 npm init -y
安装依赖 npm install jquery 默认放在生产环境下的
生产环境是软件上线的时候需要用到的依赖包
npm i bootstrap --save
npm i bootstrap -S
开发环境是软件开发的时候需要用到的依赖包
npm i bootstrap --save-dev
npm i bootstrap -D
npm i 包 默认是最新的版本
^ 表示你以后npm i 会自动升级中版本 小版本 不会升级大版本
npm i 表示自动安装package包里面所有依赖文件
如果想固定版本 可以前面什么都不加 例如:"vue": "2.5.11"
卸载依赖包 npm uninstall vue
简写 npm uni vue 或者 npm un vue 或者 npm unin vue
或者 npm unins vue
安装固定版本的vue npm i vue@2.5.11
安装固定的大版本的vue 会自动把中版本和小版本升级到最高
npm i vue@2
vscode中 输入js语句,颜色是白色的?
很明显文件格式不对,从截图来看代码外面包了script标签,猜测代码应该是放在.html文件中的。但如果这时候把文件格式指定为“Javascript”就会出现截图的样子。
反之,如果把文件格式指定为“HTML”,JS代码恢复彩色高亮。
有图有真相!
希望能解决你的问题,如有疑问,欢迎追问。
vscode怎么格式化js中的json数据?
1、vs code安装插件eslint
2、文件 - 首选项 - 设置 - json配置
3、粘贴以下JSON配置,保存
{
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号
"prettier.singleQuote": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "aligned-multiple"
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
},
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false,
"window.zoomLevel": 0,
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
}}