vue项目完整搭建步骤

Posted

tags:

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

参考技术A 为了让一些不太清楚搭建前端项目的小白,更快上手。今天我将一步一步带领你们进行前端项目的搭建。前端开发中需要用到框架,那vue作为三大框架主流之一,在工作中很常用。所以就以vue为例。

下载并安装node

下载地址为:https://nodejs.org/en/

在 nodejs官网下载最新版稳定版的node.js安装,自带了npm工具 ,推荐下载左边的。

检查node是否安装成功

为了更快安装,可以使用淘宝的镜像:http://npm.taobao.org/

在终端输入以下命令:

检测cnpm是否安装成功

vue-cli是vue脚手架工具,方便打包,部署,测试等。

进入你的项目目录,创建一个基于 webpack 模板的新项目: vue init webpack 项目名

进入项目

安装依赖

此时项目中会多了一个node_modules

启动成功

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

如何搭建一个vue项目(完整步骤)

如何搭建一个vue项目(完整步骤)

如何搭建一个vue项目(完整步骤)

搭建第一个Vue项目的详细步骤

搭建第一个Vue项目的详细步骤

Vue项目搭建步骤