热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Vue、J2ee>001:Vue项目的创建过程

使用命令行的方式,通过vue-cli的脚手架进行模板下载打包:1、安装node.js环境,查看node版本并确认是否安装成功【node-v】2、安装WebStorm开发工具(使用W

使用命令行的方式,通过vue-cli的脚手架进行模板下载打包:

1、安装node.js环境,查看node版本并确认是否安装成功【node -v】
2、安装WebStorm开发工具(使用WebStorm来开发Vue项目)
3、在WebStorm中直接引入Vue.js文件就可以进行开发测试
  a、和使用eclipse进行开发无二差别
  b、但是可以在WebStorm中可以时间查看开发情况,不用象eclips还需要启动tomcat服务器,WebStorm内存类似tomcat的服务器
4、以上只是Vue.js的简单使用,还不属于Vue项目。

5、创建Vue项目(通过脚手架下载模板项目,在模板项目基础之上进行开发)
  a、需要node环境,上面已经安装
  b、需要vue-cli脚手架,用于打包、测试、部署...Vue项目
    安装命令【npm install -g vue-cli】,查看版本号及是否安装成功【vue -V】
  c、Vue模板的下载,有多个模板可供下载,常用模板【webpack】
    下载命令【vue init webpack 项目名称(不能有大写字母存在)】
    安装过程(参数都有默认值,也可以修改):
      01、项目名称提示
      02、描述
      03、作者
    04、是否使用vue-roter路由,如果不使用可以不安装
    05、是否需要ESLint,一般都需要
    06、是否需要单元测试库,如果是基于功能测试可以不需要
    07、与06类似
    08、使用什么方式下载,也可以手动下载
    09、如果上面选择了手动下载会直接退出。

    10、如果选择手动下,会直接退出花前月下给出手动下载的步骤
      cd 项目名称
      npm install(or if using yarn: yarn)
      npm run lint -- -- fix (or for yarn: yarn rum lint -- fix)
      npm run dev

      上面的意思是需要进入到项目目录文件夹下进行操作
      使用npm install命令进行下载,这个比较耗时
      运行npm run lint -- -- fix
      进行打包、并且运行【npm run dev】,完成之后会给出访问地址,在浏览器中使用给出的地址进行访问

 

以下是部分图片


推荐阅读
  • 使用 NDB 提升 Node.js 应用调试体验
    本文介绍了由 Google Chrome 实验室推出的新一代 Node.js 调试工具 NDB,旨在为开发者提供更加高效和便捷的调试解决方案。 ... [详细]
  • 探讨如何优化 npm 构建过程,提升开发效率,减少构建时间,并介绍自动化部署的最佳实践。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • Vue 项目构建与部署指南
    本文将指导您完成Vue项目的构建和部署过程,包括环境搭建、项目初始化及配置、以及最终的部署步骤。 ... [详细]
  • 本文记录了一位求职者在腾讯面试中的经历,特别提到面试过程中关于新闻APP相关问题的探讨。文章分析了自我介绍的重要性,项目经验的表述技巧,以及技术问题的回答策略。 ... [详细]
  • 腾讯视频 Node.js 服务国庆阅兵直播高并发实战
    本文分享了腾讯视频团队在国庆阅兵直播项目中,如何利用Node.js服务成功应对2.38亿次观看的高并发挑战。文章将从服务架构、可用性保障、缓存策略、日志与告警等方面详细解析。 ... [详细]
  • Node.js中子进程的创建与管理详解
    本文深入探讨了Node.js中如何使用child_process模块来创建和管理子进程,包括exec、spawn和fork三种方法的具体应用及其实现细节。 ... [详细]
  • 利用NVM实现Node.js多版本管理
    本文详细介绍如何使用NVM(Node Version Manager)进行Node.js的多版本管理,包括安装配置、版本切换等操作。 ... [详细]
  • 基于Node.js、Express、MongoDB和Socket.io的实时聊天应用开发
    本文详细介绍了使用Node.js、Express、MongoDB和Socket.io构建的实时聊天应用程序。涵盖项目结构、技术栈选择及关键依赖项的配置。 ... [详细]
  • 本文探讨了Web开发与游戏开发之间的主要区别,旨在帮助开发者更好地理解两种开发领域的特性和需求。文章基于作者的实际经验和网络资料整理而成。 ... [详细]
  • Node.js 入门指南(一)
    本文介绍了Node.js的安装步骤、如何创建第一个应用程序、NPM的基本使用以及处理回调函数的方法。通过实际操作示例,帮助初学者快速掌握Node.js的基础知识。 ... [详细]
  • 了解如何快速搭建属于自己的个人博客,无需编程基础,适合Mac和Windows用户。通过本文,您将学会使用GitHub Pages和Hexo构建一个完全自主的在线空间。 ... [详细]
  • 本文深入探讨了Redis中的两种主要持久化方式——RDB(Redis Database)和AOF(Append Only File),并详细解析了两者的实现机制、优缺点以及在实际应用中的选择策略。 ... [详细]
  • Node.js 开发入门:环境搭建与配置
    随着Node.js技术的日益成熟及其即将发布的1.0稳定版,越来越多的开发者开始关注并尝试这一高性能的服务器端JavaScript平台。本文将引导读者如何在Windows环境下安装配置Node.js,并介绍一些常用的开发工具和框架。 ... [详细]
author-avatar
davidwzw2009413
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有