vscode创建vue项目

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


一、配置node.js、vue3环境

二、创建vue项目

1.打开vscode,点击终端,新建终端

vue create 项目名

vscode创建vue项目,vue.js,vscode,javascript

2.选择vue版本(默认3)

vscode创建vue项目,vue.js,vscode,javascript

3.自定义配置各类选项(选择第三)

vscode创建vue项目,vue.js,vscode,javascript

4.自定义配置各类选项

vscode创建vue项目,vue.js,vscode,javascript

5.创建项目

vscode创建vue项目,vue.js,vscode,javascript文章来源地址https://www.toymoban.com/news/detail-689449.html

6.切换到项目文件夹

cd 项目名
npm  run serve

7.启动项目

npm run dev

到了这里,关于vscode创建vue项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 利用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日
    浏览(42)
  • 通过Vscode 简单创建一个vue3+element的项目

    确保你安装了最新版本的 Node.js,并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令 输入构建项目命令,个人推荐如果有cnpm使用cnpm 创建成功之后 完整引入 在 main.js 中写入以下内容: 以上代码便完成了 Element 的引入。需要注意的是,样式文件需要单

    2024年02月02日
    浏览(81)
  • vue的第2篇 开发环境vscode的安装以及创建项目空间

    1.下载地址:Visual Studio Code - Code Editing. Redefined 2.进行安装 1.2.1 vscode的中文插件安装 1.在搜索框输入“chinese” 2.安装完成重启,如下变成中文  1.2.2 修改工作区的颜色  选中[浅色] 1.2.3 vscode的live server插件安装 1.2.4 vscode的vetur插件安装 1.2.5 vscode的vue-helper插件安装 1.在idea中

    2024年02月09日
    浏览(48)
  • vue3创建项目,vite+js

    之前的时候大哥就让我自己搭架子,但是我拖延症,现在用到了,得自己搭了 我的项目都放到了 VuePorjects这个目录里面, 一、先进入到指定工作目录,(不是你要创建的项目的名称哈) 二、创建vue3项目,安装创建项目  @latest是项目名称,可以自己修改项目名称,然后选择

    2024年02月16日
    浏览(66)
  • Vue.js安装与创建默认项目(详细步骤)

    前言 上一篇博文已经对Node.js的安装与配置进行了详细介绍,详见https://blog.csdn.net/qq_42006801/article/details/124830995 另外:文中项目存放的路径及项目名称可根据自身实际情况进行更改。         Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,V

    2024年02月02日
    浏览(47)
  • Node.js安装与Vue项目的创建

    node.js – js运行平台和工具库 npm – node.js中的一个开发工具, 作用类似于maven, 管理项目的依赖 创建时要注意当前所在的目录是不是你想要存放工程的目录

    2024年02月12日
    浏览(98)
  • pnpm快速创建 Vue.js 项目(npm类似)

    目录 pnpm 创建一个 Vue.js 项目 前提准备: 运行创建命令: 选择项目配置:(按需选择) cd +项目名:(进入项目终端) 安装项目依赖: 运行项目: 前提准备: 确保已安装 pnpm。如果没有,请运行以全局安装 pnpm。 npm install -g pnpm 打开终端并导航到要在其中创建项目的目录。

    2024年02月10日
    浏览(50)
  • 如何解决创建vue项目后没有webpack.config.js(vue.config.js)文件

    ◼️ webpack.config.js文件没有的原因 Vue 项目中 vue.config.js 文件就等同于 webpack 的 webpack.config.js。 vue-cli3 之后创建的时候并不会自动创建 vue.config.js,因为这个是个可选项,所以一般都是需要修改 webpack 的时候才会自己创建一个 vue.config.js。 vue-cil3之后创建项目后的目录结构如下

    2024年02月04日
    浏览(59)
  • 手把手教会你!如何快速在VSCode创建一个VUE项目|前端菜鸟进阶版

    对于刚上手的朋友,我们可以先来了解一下什么是vue: VUE :渐进式javaScript框架。 什么是JS(JavaScript):我封装好一个函数,这个函数可以给其他人调用,这个就是一个js 什么是框架:框架的规则。 在项目开始创建之前,我们需要做好以下几点准备,具体操作可在官网下载。

    2024年02月10日
    浏览(49)
  • 12.JavaWeb-Node.js+创建Vue项目

            传统的Web服务器中,每个请求都会创建一个线程,这会导致线程数的增加,从而影响服务器的性能和扩展性,Ryan Dahl借助Chrome的V8引擎提供的能力实现了Node.js——可以在服务端运行的JavaScript(可以把Node.js简单的看成JavaScript写的tomcat)         进一步实现前后端分离

    2024年02月12日
    浏览(75)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包