vue Cli脚手架搭建项目

参考官方文档:介绍 | Vue CLI

关于Vue Cli脚手架:Vue Cli vue脚手架 是vue 官方提供的一个全局命令工具

可以帮助我们快速创建一个开发的vue项目的标准化基础架子,集成了webpack配置,统一配置。

好处:

  1. 开箱即用,零配置
  2. 内置babel等工具(作用:可以将es6等高级语法转化成浏览器能够识别的等版本代码
  3. 标准化(所有架子都一样)

创建步骤:

一、安装vue脚手架:
yarn global add @vue/cli 或npm i @vue/cli -g
二、创建vue项目
vue create mydemo(项目名称)

配置项目可以选择手动配置或者按照历史配置项默认配置:

  • 这里选择 Manually select features进行手动配置

    ----------快捷键:(上下箭头切换当前配置项)

    ----------空格键操作选中取消

  •  配置项选择babel、router、vuex、linter/formatter、css预处理

  • 路由模式选择History或者hash,(n表示默认选择hash路由模式)
  • ps:如果选择history模式,需要服务端配合修改配置接口 

  • css预处理选择less(根据项目需要和使用偏好选择) 

  •  eslint代码规范:选择标准版,一般企业级开发都用的eslint标准版本居多

  • 其他配置:可以选择是否将当前选择的配置项作为历史记录,下次直接使用。 

三、初始化项目文件。

       将assets文件夹清空、删除app.vue中的内容、components文件夹文件等不用的文件可文件中示例内容。

       新建src目录下的utils公共方法文件、和view文件。

搭建完项目和初始化后可以按照项目需求开始搭建路由、引入vant组件、和封装request请求等后续页面逻辑开发做好准备。

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 关于Vue2.0脚手架搭建项目的问题,我可以为您提供一些参考。首先,您可以使用Vue官方提供的Vue CLI(命令行界面)来创建和管理Vue项目。通过在终端中运行命令“vue create [项目名]”,您可以创建一个新的Vue项目并选择使用预定义的配置或手动配置。然后,您可以使用Vue CLI提供的一些工具和插件来管理您的项目,例如添加新的依赖项,构建和部署您的应用程序等。除此之外,还有一些第三方脚手架工具也可以帮助您快速创建和管理Vue项目,例如nuxt.js等。希望这些信息能对您有所帮助! ### 回答2: Vue 2.0脚手架是用来搭建和管理Vue项目的工具,可以快速创建一个基于Vue的应用程序的基本结构。使用Vue CLI(Command Line Interface)创建一个Vue项目非常简单,只需几个简单的步骤即可。 首先,需要在计算机上安装Node.js和npm(Node Package Manager)。这些是安装和运行Vue CLI所需的基本工具。 安装完成后,打开终端或命令提示符,并运行以下命令来安装Vue CLI: ``` npm install -g @vue/cli ``` 接下来,可以使用Vue CLI来创建一个新的Vue项目。在终端或命令提示符中,使用以下命令: ``` vue create 项目名称 ``` 通过运行此命令,Vue CLI将会自动创建一个新的Vue项目,并安装所有必要的依赖项。可以根据需要选择不同的配置选项,例如是否使用Babel、TypeScript、CSS预处理器等。 创建项目后,进入项目文件夹,运行以下命令启动开发服务器: ``` npm run serve ``` 这将在本地启动一个开发服务器,并在浏览器中实时预览项目。 除了创建项目Vue CLI还提供了一些其他有用的命令,例如构建和打包项目,运行单元测试,生成文档等。 总结来说,Vue 2.0的脚手架可以非常方便地搭建和管理Vue项目。借助Vue CLI,只需几个简单的步骤就可以创建一个基于Vue的应用程序,并进行开发、构建和打包等操作。这大大提高了项目的开发效率和可维护性。 ### 回答3: Vue.js是一款由Evan You开发的渐进式JavaScript框架。Vue 2.0是Vue.js的升级版本,相比于之前的版本,它更加快速、稳定和高效。 在搭建Vue 2.0项目时,我们可以使用脚手架来简化整个过程。脚手架可以理解为一个工具,它为我们提供了项目结构、配置文件和一些基础模板,使我们能够快速开始一个Vue项目的开发。 首先,我们需要安装Vue CLI(命令行工具),它是用于创建和管理Vue项目的工具。使用以下命令全局安装Vue CLI: ``` npm install -g @vue/cli ``` 安装完成后,我们可以使用命令`vue create`来创建一个新的Vue项目。通过命令行进入到你想要创建项目的目录,并执行以下命令: ``` vue create 项目名称 ``` 然后,Vue CLI将会引导你进行一系列的配置选择,如预设(默认或手动选择)、Babel、ESLint等。根据你的需求进行相应选择。 完成配置后,Vue CLI将会下载项目模板并安装依赖项。安装完成后,我们可以使用以下命令启动项目: ``` npm run serve ``` 以上命令会启动一个本地开发服务器,并会在浏览器中打开你的项目。此时,你就可以开始编写Vue组件、样式和逻辑了。 此外,Vue CLI还提供了许多其他操作,如构建项目、运行测试等。你可以参考Vue CLI的官方文档了解更多细节。 总而言之,使用Vue CLI搭建Vue 2.0项目非常简单,并且提供了一套完整的工具链,帮助我们更高效地进行开发。无论是个人项目还是大型企业级应用,Vue CLI都是一个非常实用的工具。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值