美文网首页
vue-cli3.0项目搭建

vue-cli3.0项目搭建

作者: 会飞的鱼_a | 来源:发表于2019-01-24 17:08 被阅读0次

1.搭建vue项目前提是nodejs已经安装完成。

2.安装vue脚手架 npm install -g  @vue/cli,安装一次成功后,以后再次创建项目都不用再次安装。直接执行创建项目命令:执行步骤3。

3.创建项目,进入到自己想安装项目的目录下面,执行创建命令

创建命令 这里是让选择项目配置,第一个是vue默认给的配置比较简陋,所以一般选择第二个根据自己的项目情况来安装相应的配置,按上下键然后enter键 这里选择你想要的插件配置,按上下键选择,空格键选中,然后按enter键执行下一步。 这个意思是问你是否选择路由的history模式 这个是问你要选则的css语言类型,你可以随意选,我用的scss 这个是配合说自动化代码检查配合vscode使用的,可以随便选一个 这个意思是问你是否要保存之前的配置 1、这个是问你那些配置是否要放到package配置文件里还是要单独存放一个文件,比如bable、eslint、postcss等。2、我是单独存放的,看个人喜好。 再次询问是否将以上配置保存到你的项目里,选择Yes之后,输入项目名称按enter确认创建项目。 1、vue-cli3.0的目录比2.0简洁了很多,将webpack配置的config文件和build文件都省略掉了。2、vue-cli3.0新增了vue.config.js文件供开发者去配置webpack的相关内容。如下: 这里简单的配置了一些端口号和代理的内容。

本文仅供参考,具体请看官方文档:https://cli.vuejs.org;

相关文章

  • 关于vue-cli3.0 本地接口配置

    首先搭建vue-cli3.0 的项目 命令 vue create pay :创建一个项目名字为 ping 的项目 ...

  • vue-cli3.0搭建与配置

    vue-cli3.0搭建与配置 如何新建项目 使用 npm 全局安装 vue-cli : 创建项目执行: 选择项目...

  • vue-cli3.0基本配置项

    最近我们的vue项目搭建框架升级到了vue-cli3.0,此文记录一下我们搭建项目时的经验,大牛请见谅; 初始化 ...

  • vue-cli3.0 vue脚手架3.0的使用

    vue-cli3.0 脚手架搭建项目 1.安装vue-cli 3.0 npm install -g @vue/cl...

  • vue-cli3.0项目结构

    实际项目结构: 基于vue-cli3.0脚手架搭建的项目结构,下面来介绍下每个目录做什么事情

  • Vue-cli 3.0

    最近用vue-cli3.0搭建项目,做了几个项目,觉得现在的模板更专注于开发了, 先在此甩出官网的教程,然后后续陆...

  • vue 3.0 项目搭建

    这篇文章主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理一下,分享给大家。 一、介绍 Vue CLI ...

  • vue-cli3.0搭建项目,打包后在本地打开dist下的ind

    vue-cli3.0搭建项目,打包后在本地打开dist下的index.html可以使用官网提供的 image.pn...

  • vue-cli3.0预渲染

    vue-cli3.0搭建的项目文件简洁很多,很舒服,没有build和config文件夹,所以应该在根目录下创建vu...

  • 开发Vue组件系列之模态框

    项目基础工程文件是使用vue-cli3.0搭建的,这里不过多介绍。开发Vue组件系列之模态框,主要有标题、内容、定...

网友评论

      本文标题:vue-cli3.0项目搭建

      本文链接:https://www.haomeiwen.com/subject/lohujqtx.html