美文网首页工作生活
VUE项目的简单搭建

VUE项目的简单搭建

作者: 阿沙冲冲冲 | 来源:发表于2019-07-03 21:48 被阅读0次

1.npm install sass-loader node-sass -D就是指开发的时候才需要(引入sass,由于脚手架已经引入了打包工具webpack,不需要下载。webpack安装包)
2.项目中的router配置
项目中的router应当单独建一个文件夹,一个index.js,一个routes.js
routes文件中直接export default[{path:'/',
components:{}},{}]暴露出去,在index.js中创建实例来接受。


image.png
image.png

此步骤完成后还需要在main.js中导出这个实例


image.png

相关文章

  • 【Vue】教程:三、Vue Cli3项目结构优化

    前提 完成vue cli3项目的新建,可参考教程【Vue】windows下vue cli3安装及搭建项目详解 一、...

  • VUE项目的简单搭建

    1.npm install sass-loader node-sass -D就是指开发的时候才需要(引入sass,...

  • vue2.0 之关于组件之间如何通信

    最近在学习用vue2.0进行项目的开发,由于接手项目的时候,项目的完整架构已经搭建完毕,为了不破坏之前的项...

  • VUE学习之路一 项目搭建

    脚手架搭建vue项目框架 CLI3项目搭建查看 搭建方案 vue-cli 是一个官方发布 vue.js 项目脚手...

  • 一张图教你快速玩转vue-cli3

    前言 本文系统的梳理了vue-cli3搭建项目的常见用法,目的在于让你快速掌握独立搭建vue项目的能力。你将会了解...

  • Vue一:Vue项目的搭建

    Vue项目的环境搭建 vue项目的搭建需要node.js环境,需要安装点击这里进入node.下载。傻瓜式安装即可;...

  • vue2.0+router路由

    1、搭建vue脚手架2、通过vue脚手架,我们搭建好了基础的vue,接下来就开始使用vue-cli来构建基础路由项...

  • vue移动端项目搭建

    本项目搭建适用于h5移动端的vue项目搭建,主体是基于vue-cli3脚手架,目的在于搭建个可用于快速启动项目的基...

  • vue全家桶

    vue-cli 是vue官方提供的快速搭建项目的工具,只是知道可以用vue-cli直接生成一个vue项目的架构,它...

  • 从零开始搭建一个基于webpack的Vue开发环境(1)

    前言 看了大量的文章,关于vue都是直接使用vueCli实现vue项目的基本环境搭建,使用最原始的搭建方法的很少很...

网友评论

    本文标题:VUE项目的简单搭建

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