如何初始化一个vue项目

初始化一个基本的vue项目(首先要在工程目录下打开cmd)

vue init webpack 项目名

 

初始化后进入项目目录

cd 项目名

 

启动项目

npm run dev

 

这么做的前提是安装了脚手架。脚手架就是一个架子,一个模板,把一个项目的目录结构,配置,所需要的其它文件等,都给你弄好。给你搭好了一个写代码的环境。你只需要在此基础上写vue代码。

vue-Admin-template是一个后台管理系统的模板,与脚手架初始化生成的项目不同的是:vue-Admin-template里面是有具体内容的, 我们只需要把里面的内容替换成自己的,就可以快速搭建一个后台管理系统,而无需从0开始。

vue-Admin-template可以从github上下载:GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template

下载后解压,在解压后的位置打开cmd,输入

npm install 

npm run dev

 类似的框架有很多,非唯vue -Admin-template一个,只要是用vue写的,都可以用同样的方法使用。要开发什么东西,先找模板,能大大提升开发效率。

posted @ 2021-08-02 15:02  北征愚人  阅读(1720)  评论(2编辑  收藏  举报