前提先安装nvm然后安装需要nodejs

1:点击下载vscode选择安装目录,一直点击安装就行

2:安装vuecli脚手架

npm install -g vue@cli@5.0.4

查看vue版本

vue --version

卸载脚手架

npm uninstall @vue/cli
npm uninstall vue

创建vue2项目,注意:项目名字可以包含大写字母可以下划线分隔

vue create <project-name>
vue init webpack <project-name>

如果 npm installg vue-cli 执行很慢可能是由于网络原因或者下载源的问题导致的。以下是一些处理方法修改 npm
源为淘宝镜像:可以使用如下命令npm切换淘宝镜像,以提高下载速度npm config set registry https://registry.npm.taobao.org/

3:安装vscode插件

安装Vue VSCode Snippets通过按vb可在vue文件快速创建模板

使用vue2项目时候,不要安装volar插件,这是vue3项目的语法检测,不然会报错

4:项目使用什么插件就安装什么插件,要在项目的目录下执行命令,就会只安装在相应的项目下了:

npm install axios;
npm install ladash;
npm install echarts;

在项目的根目录新建文件.prettierrc里面内容

{
     "printWidth": 120,
     "tabWidth": 2,
     "useTabs": false,
     "semi": false,
     "singleQuote": true,
     "trailingComma": "none",
     "arrowParens": "avoid",
    "bracketSpacing": true
}

配置文件setting.json添加

 //  #让函数(名)和后面的括号之间加个空格
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // typescript
  "vetur.format.defaultFormatter.ts": "vscode-typescript",
  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,

vscode快捷键

常用快捷键
注释:
 单行注释: ctrl + k , ctrl + cctrl + /
 取消单行注释: ctrl + k , ctrl + u 
 多行注释: alt + shift + A
 多行注释: /**/
移动: alt + up/down
显示/隐藏左侧目录栏 ctr + b
复制当前: shift + alt + up/down
shift + ctrl + k删除当前: 
控制台终端显示隐藏: ctrl + ~ 
查找文件/安装 vscode 插件地址: ctrl + p
代码格式化: shift + alt + f
新建一个窗门: ctrl + shift + n
多行编辑: ctrl + alt + up/down

原文地址:https://blog.csdn.net/qq_19891197/article/details/134743741

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_26830.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注