美文网首页
一:基本vue工程

一:基本vue工程

作者: 布林美美 | 来源:发表于2017-10-23 17:30 被阅读0次

首先要明确一个问题,你搭建的vue项目的路由是给谁去做的,一种是vue里面的路由,一种是node去配置路由

但是个人通过网上查找资料,只学会第一种,后续的学习中会继续更新第二种

说明一点,我写的这个是整体的思路,至于细节的东西,我会发链接出来,大家点进去重点学习

1.首先是安装node.js

http://www.cnblogs.com/yzadd/p/6547668.html  这个链接说明的很清楚,按照这个链接的内容来安装和配置就可以了

2.安装npm,或者更新npm

由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。

3.然后安装vue-cli脚手架 

安装vue-cli命令:npm install -g vue-cli

检测vue-cli安装成功


4.用vue-cli去创建一个新的项目,设置项目等相关的信息

命令:vue init webpack demo,可以根据自己的需求来进行设置里面的参数,如果不懂这里面的参数,可以参考

5.这样的话一个vue项目就搭建起来了 ,按照依赖(记得任何在网上下载的vue的demo,都需要先安装依赖)

命令:npm install

这里容易出现一个错误,安装依赖的时候需要进到你新增的文件中,cd demo命令进入

然后在输入npm install,就会下载相关依赖;


6.项目搭建起来之后就可以直接npm run dev的命令来启一个项目



以上是基本的vue项目的搭建,当然一个app不可能就这么简单就成功了,肯定是需要设计前端的项目的里面的目录结构,另外比较重要的路由的情况

基于个人还在学习中,后续会不断更新自己学习的内容

vue项目的改造:www.jianshu.com/p/93dcbab5072c

相关文章

  • 一:基本vue工程

    首先要明确一个问题,你搭建的vue项目的路由是给谁去做的,一种是vue里面的路由,一种是node去配置路由 但是个...

  • Vue 基本安装

    1.全局安装vue-cli 2.使用命令搭建vue项目(vue-demo是项目名称) 3.启动基本工程

  • Vue单文件组件开发的基本套路--以常用的Modal模态框组件开

    在实际开发工程化vue项目时,基本都是使用单文件组件形式,即每个.vue文件都是一个组件。最基本的就是UI组件了,...

  • Vue-cli 工具快速构建Vue框架

    本文适合对vue框架和webpack打包有一定了解,想要快速开发vue项目的工程师(如果想从基本vue框架手动配置...

  • 一个新手司机眼里的 Vue

    先说一句题外话,对于 Vue 的探索和应用我只服 ElemeFE 基础 软件工程学 代码风格 基本功 Vue.js...

  • vue-cli工程基本介绍

    转眼学习过半,我虽认识到学习是个很好的开始,但是这不能改变我目前依旧还没入门的事实,大多数人都可能感到不自信,没有...

  • 从零开始用webpack+vue 搭建前端工程的基本过程

    webpack+vue 搭建前端工程的基本过程 目标: 配置开发时的前端工程 环境 win10家庭中文版+node...

  • vue面试题

    问题一:构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么? 1、vue.js:vue-cli工程的...

  • vue-router

    vue-router FAQ 1 Vue-Router基本介绍 1.1 基本介绍 Vue Router:Vue.j...

  • (30)打鸡儿教你Vue.js

    Vue+Webpack 1、对es6语法有基本了解2、了解前端工程化3、了解vuejs 1、通过webpack搭建...

网友评论

      本文标题:一:基本vue工程

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