vuejs开发如何启动项目

vuejs启动项目的方法:1、安装node.js;2、安装“@vue/cli”;3、使用“vue create 项目名称”命令创建一个项目;4、使用cd命令进入vue项目目录中;5、执行“npm run serve”命令启动项目。

vuejs开发如何启动项目

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

前提条件:安装node.js

启动vue项目

如果想要启动vue项目,有两种方式,第一种使用@vue/cli,第二种使用webpack从零开始搭建Vue项目;如果你是一个新手的话,建议你使用@vue/cli这个工具,cli是封装了webnpack的loader与plugin,能够使你快速启动vue项目;我下面就是使用的@vue/cli;进入官网https://cli.vuejs.org/zh/安装@vue/cli npm install -g @vue/cli查看@vue/cli版本号vue –versionvue create hello-world创建一个项目

1.png

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

选择手工选择

2.png

选择babel,css pre-processors,linter,unit testing,选择后按回车

3.png

4.png

5.png

6.png

7.png

8.png

安装成功后

9.png

cd hello-world $ npm run serve 输入此命令

10.png

打开http://localhost:8080/  出现以下页面,说明创建并启动项目成功

11.png

相关推荐:《vue.js教程》

以上就是vuejs开发如何启动项目的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月13日 05:29:57
下一篇 2025年3月13日 05:30:13

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

相关推荐

  • 手把手教你使用Vue2代码改成Vue3(图文详解)

    之前的文章《一招教你使用vscode中插件搞定整个项目的代码替换(收藏)》中,给大家介绍了怎么使用vscode中插件搞定整个项目的代码替换。下面本篇文章给大家介绍怎么使用Vue2代码改成Vue3,伙伴们过来看看吧。 Vue3已经出来有一段时…

    2025年3月13日 编程技术
    200
  • vuejs怎么取消冒泡

    vuejs取消冒泡的方法:1、打开相应的vue文件;2、通过“…”方式取消事件冒泡。 本文操作环境:windows7系统、vue2.5.17版、DELL G3电脑。 vuejs怎么取消冒泡? vue.js阻止事件冒泡和默认事件 …

    2025年3月13日
    200
  • vuejs query 传参失败怎么办

    vuejs query传参失败的解决办法:1、打开相应的代码文件;2、查看需要传的数据类型;3、将数据转换为json格式传过去即可。 本文操作环境:windows7系统、vue2.5.17版、DELL G3电脑。 vuejs query 传…

    2025年3月13日
    200
  • vuejs对开发有啥好处

    vuejs对开发的好处有:1、体积小;2、有更高的运行效率;3、让开发者不用再去操作DOM对象,把更多的精力投入到业务逻辑上;4、生态丰富;5、学习成本低。 本文操作环境:windows7系统、vue2.5.17版、DELL G3电脑。 v…

    2025年3月13日 编程技术
    200
  • vuejs创建项目失败怎么办

    vuejs创建项目失败的解决办法:1、卸载nodejs;2、删掉npm-cache等文件夹删掉;3、重新下载nodejs安装;4、输入“npm config list”命令;5、使用“vue init  webpack”创建项目即可。 本文…

    2025年3月13日
    200
  • vuejs el有什么用

    在vuejs中,el的作用为:指明Vue实例的挂载目标,会提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标;在实例挂载之后,元素可以使用“vm.$el”访问。 本教程操作环境:windows7系统、vue2.9.6版,DELL G…

    2025年3月13日 编程技术
    200
  • vuejs如何全局自定义变量

    方法:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用“export default”暴露出去,在“main.js”里面使用“Vue.prototype”挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。 本教…

    2025年3月13日
    200
  • vuejs中prop什么意思

    在vuejs中,prop是父组件用来传递数据的一个自定义属性。子组件需要显示的地用props选项声明“prop”;当使用非字符串模板时,prop的名字形式会从camelCase转为kebab-case(短横线隔开)。 本教程操作环境:win…

    2025年3月13日
    200
  • vuejs模板什么用

    vuejs模板从根本上规定了一个系统应当以怎样的交互形式和UI风格面向使用者,而遵循这套模板进行设计和完善功能;其作用为:1、担负XSS的防范;2、支持片段的复用;3、支持数据输出是的处理;4、支持动态数据;5、与异步流程严密结合。 本教程…

    2025年3月13日
    200
  • vuejs的两个核心是什么

    vuejs的两个核心是数据驱动和组件系统。数据驱动也就是数据的双向绑定,用于保证数据和视图的一致性。组件系统能够把页面抽象成多个相对独立的模块;可以实现代码重用,提高开发效率和代码质量,便于代码维护。 本教程操作环境:windows7系统、…

    2025年3月13日
    200

发表回复

登录后才能评论