美文网首页
搭建一个vue2项目流程

搭建一个vue2项目流程

作者: 逸笛 | 来源:发表于2024-07-29 11:04 被阅读0次

一、安装node环境

首先,确定你的电脑上已经安装了nodejs,可以使用npm包管理器安装环境

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

2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功

3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/

输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。

4、检查是否安装成功:

二、搭建vue项目环境

创建一个Vue 2项目通常需要使用Vue CLI工具。以下是创建Vue 2项目的步骤:

  1. 如果你还没有安装Vue CLI,可以使用npm或yarn来安装:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
图片.png

2.创建一个新的Vue 2项目

vue create my-vue-project
图片.png

3.在创建项目时,选择需要的配置选项。


图片.png

4.进入项目目录并启动开发服务器:

cd my-vue-project
npm run serve
# OR
yarn serve
图片.png

相关文章

  • nodejs 搭建项目流程

    nodejs 搭建项目流程 1、搭建项目需要的插件 koa / koa-router / nodemon【...

  • vue2搭建项目

    准备 安装并生成项目 1、nodejs2、vue-cli webpack配置 1、自动打开浏览器 config -...

  • vite从0搭建项目

    之前试过从0搭建一个webpack项目,现在再尝试下从0搭建一个vite项目,目的在于更加熟悉整个项目的流程,不然...

  • 使用vue全家桶搭建豆瓣电影

    使用vue2搭建豆瓣电影 github地址 项目主页展示 项目功能 1.正在热映、即将上映、top250、电影详情...

  • 三阶段day16-flask-一个简单应用

    flask大纲 简单的flask项目搭建流程 ==================================...

  • vue版本知识搜集

    2022-05-02一、vue-cli2 3 4差别很大 cli2、cli3可以搭建vue2项目;cli4可以搭建...

  • 项目搭建流程

    1. 项目设计1.1 角色划分根据项目需求对系统中的角色进行划分,比如商城类,包括买家、卖家、系统管理员。比如教务...

  • 项目搭建流程

    前言 我们有时候需要重新启动一个项目,但由于距离上一次项目的创建时间跨度较长,有些细节就会遗忘,所以将项目从零到一...

  • SpringCloud Gateway原理解析(一)

    [poc] 1/搭建项目 1.1/搭建流程 依赖项 spring-cloud-gateway 不能用 web, 要...

  • vue-router动态路由添加及路由刷新后消失的解决办法

    所使用的Vue3+Ts+vite 手动搭建的项目,对于vue-cli搭建的项目同样适用。项目流程不多赘述,直接上用...

网友评论

      本文标题:搭建一个vue2项目流程

      本文链接:https://www.haomeiwen.com/subject/nvfwhjtx.html