创建vue2项目

这篇具有很好参考价值的文章主要介绍了创建vue2项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如何创建一个vue2项目

(1) 使用cmd终端直接创建

在键盘上win+r,输入cmd打开终端窗口,cd进入到vue项目所创建的目录里(我是直接创建在桌面上)

创建vue2项目,vue,vue.js,javascript,前端

输入创建项目指令(vue create 项目名称)

创建vue2项目,vue,vue.js,javascript,前端

手动选择项目所需的基本配置选项(按enter键进入)

创建vue2项目,vue,vue.js,javascript,前端

选择以下几项(按空格选中或者取消选中,选好之后enter进入下一步)

创建vue2项目,vue,vue.js,javascript,前端

选择要启动项目的Vue.js版本

创建vue2项目,vue,vue.js,javascript,前端

使用hash模式,使用暂时不适用history模式

创建vue2项目,vue,vue.js,javascript,前端

使用less作为css预处理语言

创建vue2项目,vue,vue.js,javascript,前端

选择链接/格式化程序配置

创建vue2项目,vue,vue.js,javascript,前端

选择保存的时候效验eslint规则

创建vue2项目,vue,vue.js,javascript,前端

将配置文件放在独立文件夹中

创建vue2项目,vue,vue.js,javascript,前端

将当前配置作为预设保留

创建vue2项目,vue,vue.js,javascript,前端

预设配置项的名称(自己取,我一般取的和项目一样的名字)

创建vue2项目,vue,vue.js,javascript,前端

创建完毕

创建vue2项目,vue,vue.js,javascript,前端

进入项目,并运行

创建vue2项目,vue,vue.js,javascript,前端

在浏览器输入链接地址( 通常使用:http://localhost:8080/)

创建vue2项目,vue,vue.js,javascript,前端

一个vue2项目创建成功

(2) 使用vue ui创建

在终端输入vue ui 运行之后跳转到http://localhost:8000/dashboard

创建vue2项目,vue,vue.js,javascript,前端
创建vue2项目,vue,vue.js,javascript,前端

点击左上角wordvue选择Vue项目管理器,打开之后可以创建项目 也可以打开之前已有的项目

创建vue2项目,vue,vue.js,javascript,前端

选择创建项目,然后选择项目所在的目录,这次依旧放在桌面上

创建vue2项目,vue,vue.js,javascript,前端

填写项目名称,包管理一般选默认,git仓库看个人需求

创建vue2项目,vue,vue.js,javascript,前端

预设就是手动选择配置项,和第一种方法一样

创建vue2项目,vue,vue.js,javascript,前端
创建vue2项目,vue,vue.js,javascript,前端

配置也是一样的

创建vue2项目,vue,vue.js,javascript,前端

创建成功之后,会自动进入app项目

创建vue2项目,vue,vue.js,javascript,前端

安装依赖(用vue ui安装依赖非常简单,直接搜索然后安装)

创建vue2项目,vue,vue.js,javascript,前端

创建vue2项目完成文章来源地址https://www.toymoban.com/news/detail-794684.html

到了这里,关于创建vue2项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 创建vue2项目

    (1) 使用cmd终端直接创建 在键盘上win+r,输入cmd打开终端窗口,cd进入到vue项目所创建的目录里(我是直接创建在桌面上) 输入创建项目指令(vue create 项目名称) 手动选择项目所需的基本配置选项(按enter键进入) 选择以下几项(按空格选中或者取消选中,选好之后ente

    2024年01月16日
    浏览(40)
  • Vue2项目创建步骤

    空格键是选中与取消,A键是全选 TypeScript 支持使用 TypeScript 书写源码 Progressive Web App (PWA) Support PWA 支持。 Router 支持 vue-router 。 Vuex 支持 vuex 。 CSS Pre-processors 支持 CSS 预处理器。 Linter / Formatter 支持代码风格检查和格式化。 Unit Testing 支持单元测试。 E2E Testing 支持 E2E 测试。

    2023年04月24日
    浏览(43)
  • 如何创建vue2,vue3项目

    前提需安装node.js和Vue CLI node.js:https://nodejs.org/zh-cn Vue CLI: 如何创建一个vue2项目 (1) 使用cmd终端直接创建 进入到vue项目所创建的目录里(我是直接创建在桌面上)  选择vue2 创建项目 完成,发现npm run serve运行后会报错 出现 Conflict: Multiple assets emit different content to the same f

    2024年02月16日
    浏览(50)
  • 使用vue-cli创建vue2项目以及项目配置

    1、安装vue-cli cmd:npm install -g @vue/cli@4.5.19 验证是否安装成功:vue -v   出现版本号说明安装成功 2、创建项目 vue create 项目名称 根据自己的需求选择特性,如下所示: 手动选择: 选择自己需要的特性:例如: 选择vue版本 选择路由模式 (输入y和n都可以,y代表history模式没有

    2024年02月06日
    浏览(62)
  • vue2 路由进阶,VueCli 自定义创建项目

    1.需求 实现导航高亮效果 如果使用a标签进行跳转的话,需要给当前跳转的导航加样式,同时要移除上一个a标签的样式,太麻烦!!! 2.解决方案 vue-router 提供了一个全局组件 router-link (取代 a 标签) 能跳转 ,配置 to 属性指定路径( 必须 ) 。本质还是 a 标签 , to 无需 # 能高亮

    2024年02月11日
    浏览(47)
  • vue2项目之swiper.js 的使用

    swiper.js 的使用 官网 API(部署在 swiper 实例中):https://www.swiper.com.cn/api/index.html 官网轮播图(查看源代码):https://www.swiper.com.cn/demo/index.html 接下来介绍怎么在 vue2 里使用 swiper.js (vue2 使用 swiper5版本) 1、安装、引入css 2、在组件中使用:引入 js 引入 html 结构 html 结构:

    2024年02月05日
    浏览(51)
  • 创建一个vue2的脚手架项目(超详细)

    0.前言 在用npm安装vue脚手架之前需要安装node,前面博客有详细安装过程,请读者安装node之后再进行脚手架的安装 1 npm vue2的安装脚手架 2.创建vue2脚手架项目 3.开启服务器 4.在浏览器中输入端口地址 5.项目目录介绍

    2024年02月11日
    浏览(71)
  • 【前端vue升级】vue2+js+elementUI升级为vue3+ts+elementUI plus

    gogo code 是一个基于 AST (源代码的抽象语法结构树状表现形式)的 JavaScript/Typescript/HTML 代码转换工具,可以用它来构建一个代码转换程序来帮助自动化完成如框架升级、代码重构、多平台转换等工作。 当前 GoGoCode 支持解析和操作如下类型的代码: ○JavaScript(JSX) ○Typescript

    2024年02月12日
    浏览(54)
  • 前端2023最全面试题(javaScript、typeScript、vue2、vue3、html、css、uniapp、webpack、vite、react)

    答案:JavaScript中的闭包是一种函数,它有权访问其词法环境的变量和其它函数。这意味着,即使其包含它的函数已经执行完毕,其词法环境仍然存在,因此可以访问其作用域内的变量。 答案:回调函数是在某个特定事件之后执行的函数。在JavaScript中,通常使用回调函数来处

    2024年02月06日
    浏览(65)
  • 【前端】在Vue2中使用Vanta.js炫酷动态背景(全屏背景)

    官网:https://www.vantajs.com/ 由于博主在参考官网及官方GitHub进行应用时遇到一些问题,因此写了该篇博客,以避免大家因找Bug而浪费时间,方便快速的应用。 注意版本 Vue的版本如下 “vue”: “^2.6.14” 渲染容器 导包 方法 完整代码: 完整代码: 参加颜色参数 如果报错:‘X

    2024年02月11日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包