自己上手搭建VUE项目

最近在学vue ,现在自己搭建一下项目.

先从gittee上搜索vue写的比较好的开源项目,,按照步骤下载代码,安装依赖包,启动运行环境,然后点击查看页面.

下载这个项目 vue项目2022年的基于element-ui的后端项目-Web开发文档类资源-CSDN下载

首先确保自己的电脑里有npm,因为几年前装过npm,所以环境还在,只需执行命令npm -v就可知道当前版本是多少

npm版本过低就不能下载一些包

package.json可以看出对node的版本要求

升级node版本执行命令

升级后node的版本如下

然后执行npm install

如果安装比较慢也可以切换国内镜像源

执行npm config set registry http://registry.npm.taobao.org

npm run dev

然后打开浏览器

在同一局域网内访问 http://192.168.0.103也可以访问到页面

自己上手搭建VUE项目相关推荐

Vue-CLI + Webpack 搭建 Vue 项目最全分析
一.vue-cli介绍 vue-cli是一个用于快速搭建vue项目的脚手架. 二.vue-cli安装.更新安装过nodeJs .cnpm 后,全局安装vue-cli(以后其他项目可直接使用): c ...
MAC电脑使用vue-cli脚手架搭建vue项目；mac使用脚手架vue-cli搭建vue项目
windows搭建vue项目看这篇
搭建 vue项目（Windows + 命令行 + vsCode）
1.win键 + R ,输入CMD打开命令行. 2.输入node -v 查看node.js是否安装,如果输出版本号,则进行下一步,否则安装node.js. 下载地址:https://nodejs.or ...
搭建vue项目环境以及创建一个简单的vue的demo
一.vue-cli脚手架的搭建步骤 1.首先,确定你的电脑上已经安装了nodejs,可以使用npm包管理器安装环境,如果还没有安装node环境,则需要安装node.js 这个很简单默认点击安装 ...
关于搭建Vue项目的顺序及遇到的问题
关于搭建Vue项目的顺序前言:笔者在搭建Vue项目中遇到了许多问题,当最后解决的时候,仍然对这个过程的来龙去脉极为模糊,在这里从最开始搭建nodejs开始到最后Vue项目搭建完成进行一个一条龙的总结 ...
VSCode搭建Vue项目及服务器部署
一.安装nodeJs 在我之前的博客<idea搭建vue-cli项目>里有详细安装教程,这里进入! 二.在VSCode搭建Vue项目 1.安装全局脚手架 npm i -g @vue/cli ...
Vue入门 - 环境搭建Vue项目创建
Vue起步:从零开始搭建一个完整的Vue项目一.安装Node环境 1.下载Node.js安装包并安装 2.环境变量的配置二.搭建vue项目环境一.安装Node环境 1.下载Node.js安装包并 ...
教你如何搭建vue项目
笔者工作也有一些时间,需要用vue写项目时也总是项目组长已经把项目搭建好了, 偶尔心血来潮想试着自己搭建一个vue项目我们搭建vue项目呢主要是用到了vue-cli来搭建,但是前提是必须要已经安装好 ...
从零开始使用webpack 搭建vue项目
从零开始使用webpack 搭建vue项目 1 创建项目 npm init 生成 package.json 创建 index.html webpack.confug.js project-name|- ...
使用veu-cli3/4搭建vue项目详细配置
文章目录使用vue-cli4 搭建vue项目一.安装vue-cli4 二.创建一个vue项目三.预设选项四.启动项目五.可视化UI 使用vue-cli4 搭建vue项目一.安装vue-cl ...

自己上手搭建VUE项目

自己上手搭建VUE项目相关推荐

最新文章

热门文章