使用vue init webpack项目名创建项目方式

 更新时间:2023年11月06日 16:40:32   作者:HerayChen  
这篇文章主要介绍了使用vue init webpack项目名创建项目方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

1.检测node和npm的版本

2.使用vue init webpack 项目名称创建项目

3.切换到项目文件下面

4.通过npm run dev运行项目

如果报错说'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件,就npm install安装package.json文件中的所有依赖模块。

5.在浏览器中打开生成链接的网页

查看项目生成是否成功

如果安装成功,打开链接后就是上图呈现的样式。

6.项目文件解析

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • VUE开发分布式医疗挂号系统的医院设置页面步骤

    VUE开发分布式医疗挂号系统的医院设置页面步骤

    这篇文章主要为大家介绍了VUE开发分布式医疗挂号系统的医院设置页面步骤,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • Vue 3.0中jsx语法的使用

    Vue 3.0中jsx语法的使用

    这篇文章主要介绍了Vue 3.0 中 jsx 语法使用,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2020-11-11
  • vue如何设置输入框只能输入数字且只能输入小数点后两位,并且不能输入减号

    vue如何设置输入框只能输入数字且只能输入小数点后两位,并且不能输入减号

    这篇文章主要介绍了vue如何设置输入框只能输入数字且只能输入小数点后两位,并且不能输入减号问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-05-05
  • Vue之Dep和Observer的用法及说明

    Vue之Dep和Observer的用法及说明

    这篇文章主要介绍了Vue之Dep和Observer的用法及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • Vue 后台管理类项目兼容IE9+的方法示例

    Vue 后台管理类项目兼容IE9+的方法示例

    这篇文章主要介绍了Vue 后台管理类项目兼容IE9+的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • vue使用vuedraggable对列表进行拖拽排序

    vue使用vuedraggable对列表进行拖拽排序

    vuedraggable 是一个基于 Vue 的拖拽排序组件,它可以让你轻松地在 Vue 应用中实现拖拽排序功能,下面就跟随小编一起来了解下它的具体应用吧
    2024-12-12
  • vue实现三级联动动态菜单

    vue实现三级联动动态菜单

    这篇文章主要为大家详细介绍了vue实现三级联动动态菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue中的加密方式总结

    vue中的加密方式总结

    这篇文章主要为大家详细介绍了vue中常见的加密方式实现,例如js-base64、crypto-js、jsencrypt、bcryptjs,文中的示例代码讲解详细,需要的小伙伴可以参考一下
    2023-11-11
  • 详细讲解vue2+vuex+axios

    详细讲解vue2+vuex+axios

    在vue2项目中,组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的情况下(后台获取数据存入vuex,组件之间共享数据),那么就需要用vuex来管理这些。
    2017-05-05
  • vue打印插件vue-print-nb的实现代码

    vue打印插件vue-print-nb的实现代码

    这篇文章主要介绍了vue打印插件vue-print-nb的实现,需要引入插件npm install vue-print-nb --save,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03

最新评论