Vue2项目创建步骤

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

1.选择存放项目的文件夹,在终端输入命令:Vue create “项目名称” ,创建自己的Vue项目文件夹(注:项目名称开头首字母一定要是英文小写)

Vue2项目创建步骤

 2.创建完成后选择版本,这里我们选择自定义版本

Vue2项目创建步骤

 3.Manually select features表示可自己选择配置,看个人项目需求进行选择

空格键是选中与取消,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 测试。

这里我选择的是自己常用的四个。

4.选择Vue版本,我学的是Vue2所以选择2.x

5.选择路由模式是history或hash模式,我们选择hash模式,所以 输入“n” 代表no,然后回车 

 6.选择css预处理器,我们选择less 

 文章来源地址https://www.toymoban.com/news/detail-423874.html

7.这里是问我们这些配置的模块,是单独放一个文件夹,还是放在package.json文件夹里,这里我推荐单独放一个文件夹里。

 8.这里表示是否保存预设,选择y会让你输入一个命令名进行存储保存,下次创建项目时可通过该命令名直接使用这个设置,这里我推荐选择N

 9.设置完之后直接就是创建项目,创建完之后根据👉所示输入命令,命令输入完之后会给我们一个本地服务器的地址,将地址复制到浏览器即完成了整个Vue2项目的创建。

 Vue2项目创建步骤

Vue2项目创建步骤 

 

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

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

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

相关文章

  • 如何创建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日
    浏览(38)
  • 使用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日
    浏览(39)
  • vue2项目部署到码云(gitee/pages)的操作步骤

    说明:本文默认你已经将vue2项目做完,且还未打包;默认你会使用git提交代码到gitee仓库,只是还不会使用gitee的pages功能。 1、打开gitee官网并登录,登录 - Gitee.com 2、创建一个gitee仓库,假设命名为 \\\'mystore\\\' ,然后将写好的vue项目提交到这个仓库;         ============ 第3,4两步

    2023年04月12日
    浏览(28)
  • 从0开始在Vscode中搭建Vue2/3项目详细步骤

    1.安装node.js:Node.js下载安装及环境配置教程【超详细】_nodejs下载_WHF__的博客-CSDN博客 node.js自带npm,无需单独安装。 验证: node -v    npm -v 2.先简单创建一个空文件夹,vscode进入该文件夹,并打开终端。 3.安装cnpm,目的加快vue-cli安装速度: npm install -g cnpm --registry=https://regis

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

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

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

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

    2024年02月11日
    浏览(47)
  • hbuilder创建基于vue2的uniapp小程序项目

    参考vant官网:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/quickstart#an-zhuang官网 参考别人博客:https://www.yii666.com/blog/465379.html 1.1 hbuilder进去右上角点击文件–新建–项目 1.2 vue2项目如下图 2.1 2.2

    2024年02月17日
    浏览(39)
  • uniapp中使用pinia (针对于uniapp创建vue3项目,uniapp创建vue2项目此方法不可用)

    如果新建项目,先初始化一下 名字自己定我的是pinia-store,在目录下新建index.js和login.js,代码如下 index.js 这是需要被main.js引用的 如同与vue3项目中index.ts中引入的pinia 再建一个存储状态的文件(login.js) 4 main.js中的修改 在vue组件中就可以操作pinia中存储的状态的和一系列操作了

    2024年02月11日
    浏览(49)
  • Vue创建项目的步骤

    1.创建Vue项目 可以有两种创建vue的方式,一种是vue CLI脚手架,一种是vite工具 Vue CLI 基于webpack工具 命令 vue create 项目名 create-vue 基于vite工具 命令 npm init vue@latest 也可以npm init vite-app 项目名 检查一下npm和node版本  npm更新到最新版本方法  npm install -g npm node需要去下载 https:/

    2024年02月05日
    浏览(26)
  • Vue创建项目的详细步骤

    1、本例环境 node.js: v16.14.0 npm:8.3.1 vue:@vue/cli 5.0.1 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js(JavaScript的运行环境)里的npm(包管理和分发工具),因此需要先确保安装node.js。 下载地址:Node.js (nodejs.org) 下载完成安装之后,检测一下,查看是否安装成功。 检测

    2024年02月01日
    浏览(32)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包