vue 构建项目简单流程

Posted 凛冬

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 构建项目简单流程相关的知识,希望对你有一定的参考价值。

 一: vue init webpack-simple#1.0 vue-project

  cd vue-project
  npm install
  npm run dev

 

淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org


vue init webpack vue-project
vue init webpack-simple vue-project //推荐这个方法
cd vue-project
cnpm install
cnpm run dev


做项目基本流程:
1:规划组件结构
Nav.vue
Header.vue
Home.vue
......

2:编写对应的路由
vue-router

3:具体写每个组件功能

 

项目需要模块:
vuex
vue-router
axios // 交互

以上是关于vue 构建项目简单流程的主要内容,如果未能解决你的问题,请参考以下文章

node项目的基本构建流程或者打开一个node项目的流程

vue-cli 3.x 与vue-cli 2.x构建项目的区别

webpack(零工程构建一个前端项目)

成为构架师必知的Vue目录结构和构建规范,恩师王红元的蘑菇街项目❤

Vue.js系列:Vue项目创建详解

vue项目开发流程