龙空技术网

vue项目完整搭建步骤

塞满字母的小天使 1651

前言:

而今看官们对“vue做项目的流程”都比较关切,我们都想要剖析一些“vue做项目的流程”的相关文章。那么小编同时在网上汇集了一些有关“vue做项目的流程””的相关文章,希望大家能喜欢,姐妹们快快来学习一下吧!

简介

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

安装node

下载并安装node

下载地址为:

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

检查node是否安装成功

node -V
安装淘宝镜像

为了更快安装,可以使用淘宝的镜像:

在终端输入以下命令:

npm install -g cnpm –registry=

检测cnpm是否安装成功

cnpm -V
搭建vue项目环境全局安装vue-cli

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

cnpm install --global vue-cli  
使用脚手架初始化vue项目

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

 vue init webpack my_project
安装依赖

进入项目

cd my_project

安装依赖

cnpm install

此时项目中会多了一个node_modules

启动项目

cnpm run dev

启动成功

标签: #vue做项目的流程