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



猜你喜欢

转载自blog.csdn.net/museions/article/details/79846212