首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用webstorm创建并且运行vue项目详细教程

1:webstorm的安装: 2:node.js的安装 3:安装Git 4:vue-cli 1:初始化一个项目 打开cmd(右键管理员)或者git,进入D盘,输入创建命令,一路回车键 d:...2:创建完成之后 可以看到d盘默认的出现了项目 ? 3:进入项目,运行项目 cd myprojectvue npm run dev ?...4:打开浏览器 输入http://localhost:8080/#/ 可以看到,这一步为止,项目已经创建完成。 ? 5:打开编辑器,选择file,选择open,打开d盘的项目文件 ?...如何使用webstorm运行项目,调出控制台 1:在Webstorm启动项目可以选择在终端输入命令 npm run dev Webstorm调用终端可以使用快捷键:Alt+F12, ?...2:但是每次都打开命令窗口比较麻烦, 可以在webstorm内进行配置,从webstorm内启动 这样更加的方便,那么怎么样在Webstorm快速启动Vue项目配置?

15.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    webstorm 使用git_idea使用maven创建web项目

    ---- 目录 一、在 webstorm 中配置 Git 二、克隆 Git 仓库上的项目至本地 三、更新项目代码 四、WebStrom 中项目文件颜色详解 五、项目提交至 Git 六、文件定位 七、终端控制台与版本控制台...已经被广大中国 JS 开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。...与 IntelliJ IDEA 同源,继承了 IntelliJ IDEA 强大的 JS 部分的功能。         小马在这里使用的是 WebSrtrom 2018.3 英文版。...; ---- 三、更新项目代码         在使用 Git 协同开发的环境下,每次打开 webstorm 项目最好先更新代码,让自己的代码与 Git 仓库保持同步,以免出现一些不必要的冲突; 1....,仅存在于本地; 想要删除此新创建的文件时,若该文件未被其他文件引用则无需安全删除,直接删除即可; ---- 五、项目提交至 Git 1.代码修改完成之后(此时文件名为蓝色)提交至 Git 仓库,提交按钮如下

    1.3K30

    node.js + webstorm :配置开发环境

    一会需要在这里添加 markdown-js 项目依赖 app.js 项目的入口文件 public/ javascript/ stylesheets/ images/ 存放静态资源文件, jquery/prettify.js...3、安装webstrom 访问http://www.jetbrains.com/webstorm/download/ 下载webstorm安装包 点击正常安装, 再到网上搜索注册码即可。...点击apply按钮,再点击OK 4、配置node.js+webstorm 环境 打开webstorm,选中JS按钮, ? 会弹出一个弹框: ?...接下来,就可以创建node.js项目, 点击File,选择New Project,在弹框中填写好项目基本信息: ?...注意,这里location的路径选择,需要点击右边按钮浏览设定,自己输入的不算,选择好项目路径,在填写项目名称 点击OK,静等项目创建即可。

    6.1K60

    如何使用npm创建Node.js项目

    通过使用Node.js,我们可以简化后端开发过程,并利用丰富的npm生态系统来管理和共享代码。本文将介绍如何使用npm创建Node.js项目,并讨论项目初始化、依赖管理和脚本配置等方面的内容。...项目初始化2.1 确保已安装Node.js和npm在创建Node.js项目之前,请确保已安装Node.js和npm。...可以在终端或命令提示符中运行以下命令来验证其版本:node -vnpm -v2.2 创建项目目录首先,创建一个新的项目目录。...总结通过使用npm,我们可以轻松创建和管理Node.js项目。通过初始化项目、安装依赖、配置脚本等操作,可以更好地管理项目的开发过程和依赖关系。...希望本文对你理解如何使用npm创建Node.js项目有所帮助。

    2.3K20

    使用Webstorm快速启动Vue项目配置

    1:打开一个新的项目,打开file ? 2:选择在现有的编辑器里面打开还是新开一个窗口 ?...3:在Webstorm启动项目可以选择在终端输入命令 npm run dev Webstorm调用终端有两种方法: Webstorm调用终端可以使用快捷键:Alt+F12, ?...4:但是每次都打开命令窗口比较麻烦,可以在webstorm内进行配置,从webstorm内启动,这样更加的方便,那么怎么样在Webstorm快速启动Vue项目配置?...Webstorm快速启动Vue项目配置 1:点击右上角,添加npm配置。 ? 2:点击加号,选择npm ? 3:命名并且填写运行命令。 ? 4:可以看到控制台出现运行 ?...6:在弹出的默认的浏览器里面 可以看到项目 ? 下次再打开的时候,直接点击右上角的绿色启动按钮即可。

    5.2K20

    JS开发工具WebStorm环境最新中文版,WebStorm安装激活教程下载

    此外,它还支持多种调试工具和技术,例如Chrome调试器、Node.js调试器等,可以适应不同的开发环境和需求。...另外,WebStorm还支持各种版本控制工具,例如Git、SVN等,可以帮助开发人员更好地管理和协作开发项目。...WebStorm环境激活版安装包 ruanjianxz.top/20230319WebStorm JS开发工具.html WebStorm环境安装步骤 1.右键解压到“WebStorm 2021” 2...以下是一些WebStorm的便利性: 智能代码补全:WebStorm具有强大的代码补全功能,可以根据你的代码上下文和输入来推断代码的意图,并提供相关的建议和选项,让你更快地编写代码。...支持多种版本控制工具:WebStorm支持多种版本控制工具,例如Git、SVN等,可以帮助开发人员更好地管理和协作开发项目

    2.9K30

    Webpack创建、运行vue.js项目及其目录结构详解

    https://blog.csdn.net/sinat_35512245/article/details/54091956 项目环境搭建: 1.安装node 点击下面链接进行下载: node官网...2.全局安装vue-cli 在命令行输入: npm install-g vue-cli 3.创建一个基于 “webpack” 模板的新项目 vue init webpack project-name(默认安装...2.0版本) vue init webpack#1.0 project-name(安装1.0版本) 项目目录结构: ?...main.js 是我们的入口文件,主要作用是初始化vue实例并使用需要的插件 import Vue from 'vue' import App from '....index.html文件入口 src放置组件和入口文件 node_modules为依赖的模块 config中配置了路径端口值等 build中配置了webpack的基本配置、开发环境配置、生产环境配置等 ---- 运行项目

    1.9K10

    vue3.0beta.1 创建项目 安装node.js安装 vue-cli创建 vue 项目:运行项目浏览项目批处理(bat)文件项目结构

    vue3beta.1 创建项目的方法 安装node.js 略过。网上资料很多,不搬运了。 安装 vue-cli npm install -g @vue/cli 注意以下命令是错误的!...vue 项目: vue create vue-test 以前用 init 创建项目,现在改成create,感觉更正规了。...(Use arrow keys) In dedicated config files In package.json 是否作为模板,供下次创建项目时使用 Save this as a preset...(y/N) 如果下次创建项目还是这么选择的话,可以把这个保存为模板,下次直接使用。 ? Save preset as: 给模板起名字 下载项目文件 然后就是疯狂的安装过程了。...需要联网下载各种需要的文件,同时在本地创建项目

    1.4K30
    领券