webstorm怎样新建vue.js的项目

webstorm新建vue.js项目的方法:首先安装git,并填写相关地址;然后填写项目名;接着选中【package.json】右键选择show npm scripts;最后选择dev双击即可进行测试。

webstorm怎样新建vue.js的项目

本教程操作环境:windows7系统、webstorm2020.3&&Vue2.9.6版,该方法适用于所有品牌电脑。

【相关文章推荐:vue.js】

webstorm新建vue.js项目的方法:

1、想用WebStorm创建项目得安装git。 安装很简单,官网找到下载安装即可,否则可能出现安装不了的情况

立即学习“前端免费学习笔记(深入)”;

2、红色为新建的顺序,绿色为node.js地址(装好了会自动寻找,无需修改),蓝色为vue.js包的地址(装好了会自动寻找,无需修改),黄色为打包所用的打包模块(默认即可,无需修改)

f412d90d68ebd932c2ca4cb14b46611.png

注意:项目存储路径一定要和webstorm工具安装的所在系统盘一直,比如你前面把webstorm工具安装在D盘下面,那么这里路径就应该是D盘下面路径而不是默认的C盘

3、填写项目名,注意项目名中不能包含大写字母。

5a76dd9c7fba710a7767d38c218eea1.png

一直点下一步就可以了

4、选中package.json 右键选择 show npm scripts

f0ad8a0261aada3a033b139b6403838.png

5、选择dev双击 即可进行测试。开启成功后会出现默认的端口,直接点击地址打开,或者复制粘贴地址到浏览器中打开,出现下面页面就是成功啦。这样一个vue项目就创建成功了

60c7552852862a9491b79e8ad23fd3c.png

a81f0d72ab479cfec78e47952f65ef9.png

相关学习推荐:vue.js

以上就是webstorm怎样新建vue.js的项目的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2634852.html

(0)
上一篇 2025年3月7日 04:37:17
下一篇 2025年3月6日 21:33:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue.js有几种安装方式

    vue.js常见的有3种安装方式:1、在Vue.js官网上直接下载vue.js文件,并在html中通过script标签中引用;2、使用CDN方法,在html的script标签中直接使用CDN链接进行引用;3、使用NPM工具进行安装。 本教程…

    2025年3月7日 编程技术
    200
  • vue.js中如何运行项目

    运行项目的方法:1、安装node和cnpm;2、安装vue-cli;3、初始化一个项目;4、使用cd命令进入项目文件夹,使用“cnpm install”命令安装依赖;5、使用行“ npm run dev”命令即可运行项目。 本教程操作环境:…

    2025年3月7日 编程技术
    200
  • 怎么创建vue.js项目

    方法:首先安装node和cnpm;然后用“npm install –global vue-cli”命令安装vue-cli;接着用“vue init webpack 项目名”命令创建项目;最后进入项目目录,用“cnpm i”命令安…

    2025年3月7日 编程技术
    200
  • 安装vue.js需要安装什么

    安装vue.js需要安装node.js,其安装vue.js的具体方法是:首先安装node.js;然后安装淘宝镜像;接着安装Vue,并安装全局vue-cli脚手架;最后检查Vue是否安装成功即可。 本教程操作环境:windows7系统、vue…

    2025年3月7日 编程技术
    200
  • webstorm搭建vue项目新手教程

    本文的目的是为首次使用webstorm搭建vue项目的新手介绍具体的搭建流程。 首先我们来介绍几个名词。 Node.js: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。  立即学习“前端免费学习笔…

    2025年3月7日 编程技术
    200
  • Vue的响应式原理是什么?

    最近看了不少vue原理的文章,在这些文章的帮助下,我也多次尝试自己理解vue的源码。终于,我觉得是时候自己输出一下内容了,希望可以从不同于其他文章的角度带大家熟悉vue。 Dep var Dep = function Dep() {  th…

    2025年3月7日
    200
  • vuejs和bootstrap的区别是什么

    vuejs和bootstrap的区别:Bootstrap是基于HTML、CSS、JavaScript开发的前端页面框架,用于快速开发响应式页面。而Vue是一套用于构建用户界面的渐进式JavaScript框架,用于把前端开发组件化。 本教程操…

    2025年3月7日
    200
  • WebStorm2021如何安装?安装教程详解【附图】

    对于入门javascript 开发的者,最重要的就是安装webstorm软件,一款非常优秀的javascript工具,在互联网上查询目前还没有一篇写得比较详细的webstorm教程。今天分享webstorm2021.3.2版本的安装教程,从…

    2025年3月7日 编程技术
    200
  • 【整理分享】一些常见Vue面试题(附答案解析)

    本次给大家分享一些关于vue的常见面试题,带你梳理基础知识,增强vue知识储备,值得收藏,快来看看吧! Vue 常见面试题总结 MVVM模型? MVVM,是Model-View-ViewModel的简写,其本质是MVC模型的升级版。其中 M…

    2025年3月7日
    200
  • Vue.js实现登录验证的完整指南(API、JWT、axios)

    vue.js是一种流行的javascript框架,用于构建动态web应用程序。实现用户登录验证是开发web应用程序的必要部分之一。本文将介绍使用vue.js、api、jwt和axios实现登录验证的完整指南。 创建Vue.js应用程序 首先…

    编程技术 2025年3月7日
    200

发表回复

登录后才能评论