搭建新的Vue项目

Posted wxy-developer

tags:

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

  之前做项目,都是团队项目,这次是我个人的单独项目。我打算使用Vue+Mint-UI。所以第一步,需要搭建一个vue的环境。Node环境我已经搭好了,那么接下来,如何安装vue环境呢?

  1.创建项目

vue init webpack 自己命名的项目名称

  回车,等待一小会儿,依次出现‘git’下的项,可按下图操作

  技术分享图片

  2.在cmd里输入:cd vue-project(项目名),回车,进入到具体项目文件夹

  3在cmd里输入:npm run dev ,运行项目,但是这时我的项目会报错,如下:

  技术分享图片

  这意味着依赖包没有下载,所以需要下载依赖包

  4在cmd里输入:npm install ,下载完成后,再次运行项目,在浏览里输入:localhost:8080(默认端口为8080)

  技术分享图片

以上是关于搭建新的Vue项目的主要内容,如果未能解决你的问题,请参考以下文章

VUE项目实战60数据报表模块介绍和基础框架搭建

VUE项目实战60数据报表模块介绍和基础框架搭建

VUE项目实战57订单管理功能介绍和基本结构搭建

Django框架(三十)—— 使用Vue搭建前台

Vue3项目搭建全过程

回归 | js实用代码片段的封装与总结(持续更新中...)