vue的第2篇开发环境vscode的安装以及创建项目空间

8月前作者：健康平安的活着分类：Toy博客阅读(43) 违法举报

这篇具有很好参考价值的文章主要介绍了vue的第2篇开发环境vscode的安装以及创建项目空间。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一环境的搭建

1.1常见前端开发ide

1.2 安装vs.code

1.下载地址：Visual Studio Code - Code Editing. Redefined

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

2.进行安装

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

1.2.1 vscode的中文插件安装

1.在搜索框输入“chinese”

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

2.安装完成重启，如下变成中文

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

1.2.2 修改工作区的颜色

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

选中[浅色]

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

1.2.3 vscode的live server插件安装

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

1.2.4 vscode的vetur插件安装

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

1.2.5 vscode的vue-helper插件安装

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

1.3 idea中安装vue.js

1.在idea中的plugins区域搜索“vue” 开始进行安装

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript 2.安装效果

二 vscode搭建项目

2.1 创建项目

1.在本地新建一个文件夹

vscode本身没有新建项目的选项，所以要先创建一个空的文件夹，如project_xxxx。

然后打开vscode，再在vscode里面选择 File -> Open Folder 打开文件夹，这样才可以创建项目。

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript 2.在vuecode中打开此文件夹

打开文件夹后，选择“文件 -> 将工作区另存为...”，为工作区文件起一个名字，存储在刚才的文件夹下即可

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

打开工作空间

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript 3.将文件夹设置为工作区

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

2.2 创建文件

1.创建hello.html

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

2.3 运行访问

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript

vue的第2篇开发环境vscode的安装以及创建项目空间,vue,vue.js,前端,javascript 文章来源地址https://www.toymoban.com/news/detail-705007.html

到了这里，关于vue的第2篇开发环境vscode的安装以及创建项目空间的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue项目搭建及使用vue-cli创建项目、创建登录页面、与后台进行交互，以及安装和使用axios、qs和vue-axios

目录 1. 搭建项目 1.1 使用vue-cli创建项目 1.2 通过npm安装element-ui 1.3 导入组件 2 创建登录页面 2.1 创建登录组件 2.2 引入css（css.txt） 2.3 配置路由 2.5 运行效果 3. 后台交互 3.1 引入axios 3.2 axios/qs/vue-axios安装与使用 3.2.1 安装axios 3.2.2 发送get请求： 3.2.3 发送post请求： 3.2.4 简化axio

2024年02月07日
浏览(44)
Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】

把插件的更新也一起取消了字体对开发也很重要，不同字体，字母形态都不太一样，尤其是标点符号，逗号和分号的区分，有的字体看着这两者就很像这样打开了很多个文件，就不会导致有的打开的文件被隐藏相当于idea 查看当前类或接口的结构 Structure 支持快捷键与鼠标右

2023年04月16日
浏览(89)
vscode创建vue项目

2024年02月10日
浏览(39)
【Git记录学习】github创建项目以及本地使用(vscode)

从github中创建空仓库在执行完上一步操作后会返回这样的界面，包括了一些基本的git操作以及HttpS/SSH地址生成一个readme.md文档（步骤2 Set up下面有蓝色的超链接，点击即可创建） 4.因为我创建的时候选择了私有仓库，所以要多设置一点东西好像。按步骤创建吧。然后再次点

2024年02月04日
浏览(41)
vscode创建vue项目的方法

方法一使用Vue CLI创建项目。首先，全局安装Vue CLI，在终端或命令提示符中输入以下命令：`npm install -g @vue/cli`。然后，创建项目，在终端或命令提示符中进入您想要创建项目的目录，并运行以下命令： `vue create [项目名称]`。您可以选择手动配置项目或使用默认配置。

2024年02月19日
浏览(41)
使用VSCode创建一个Vue项目

1. 下载 Node.js 官网地址：Node.js ，选择长期维护版下载。安装时可以自己选择安装位置，然后一直选择 next 即可。安装完成后，打开命令行窗口，输入 node -v ，出现了版本号信息就表示已经成功安装。配置环境变量：node.js会在系统变量Path里自动配置好: 2. 安装 npm 由于NPM的

2024年02月06日
浏览(47)
利用VSCode创建前端vue项目，详细步骤

1.先创建项目需要放置的文件夹，打开VSCode 2.输入终端指令：vue create wms-web，回车即可创建 3.跳出vue版本选择，根据需要选择版本，这里选择vue2，然后回车 4.等待创建完成… 5.创建成功后，最后显示两行命令：cd wms-web，npm run serve 6.根据命令输入cd wms-web，进入wms-web项目，输入

2024年04月14日
浏览(35)
APP安卓开发之Android Studio从安装到创建项目(一键解决gradle下载缓慢以及写代码没提示问题,包含如何创建手机模拟器)教程

选择NEXT 选择NEXT 选择要安装的地址，然后选择NEXT 选择Install 先启动刚安装好的Android Studio 选择Do not import settings，然后选择OK 选择Cancel 先选择D\\\'ont send，然后选择NEXT 这里选择Custom，然后NEXT 选择Android Studio自带JDK的安装位置，然后NEXT 选择一个自己喜欢的主题颜色，然后NEXT 选

2024年04月29日
浏览(62)
vscode以及Anaconda安装以及相关环境配置

相信很多的小伙伴和我一样初步涉入深度学习领域，那么对于小萌新来说，该选择什么样的方案去运行我们学习或者是下载好的项目呢？最常见的选择方案无非就是两种，一种是python搭配vscode/pycharm，这种方式不值得推荐，理由待会再说。另一种就是主流推荐方案，即anacond

2024年02月04日
浏览(49)
【Web3 系列开发教程——创建你的第一个 NFT（8）】如何开发一个成功的 NFT 项目 | NFT 社区建设技巧

⭐️ 本文首发自前端修罗场(点击加入)，是一个由资深开发者独立运行的专业技术社区，我专注 Web 技术、Web3、区块链、答疑解惑、面试辅导以及职业发展。博主创作的《Web3 实战教程》（点击订阅），已经帮助许多开发者成功铸造 NFT，内容浅显易懂，能够快速对 W

2024年02月05日
浏览(53)