express+mysql+vue项目入门-搭建vue前端项目（一）

前言：早前准备搭建一个基于webpack的express+mysql+vue全家桶的框架项目,本专栏系列博文重点介绍，vuejs全家桶作为前端项目的页面数据渲染模版，使用express作为node后端框架,mysql作为后端数据库存储，并且实现前后端分离。由于忙着赶项目，所以这个计划一直搁浅,还好现在有了一些时间，可以开始写写这个专栏的博客了。

-----------------一 搭建vue前端项目----------------

 

1.安装node vue-cli

//先前往node官网下载node并安装好

node -v //node安装检查

npm -v //node包管理器安装检查

以上两步ok的话，开始安装vue脚手架

npm install --global vue-cli //下载过程中无报错即可

注：以上以下命令需要在cmd中执行  

2.初始化vue webpack项目

 

vue init webpack projectname//下载vue webpack模版基础项目

注意：在运行以上命令后可以每下一步都看看提示,有一步很关键就是是否启用 ESlint语法检查，如果新手可输入 n 不启用语法检查;entern到最后。

3.下载依赖

 

npm install   //注意，1.需要使用cd命令行进入你刚刚初始化项目的目录下载依赖；2.如果你的网速较慢 可以使用淘宝服务器镜像来下载  cnpm install 
npm install cnpm -g //需要全局安装cnpm

4.启动服务

 

依赖下载完毕后：启动项目

npm run dev 或者 npm start