当前位置: 首页 > article >正文

创建一个vue前端项目

着手前端项目开发,那怎么从零开始创建一个vue项目呢

环境配置

首先我们需要知道,开发前端需要配置写什么环境,我至少需要要给node.js的环境

刚开始做前端开发的时候,我就按照网上直接配置了node.js环境,简单的操作就是下载安装。随着开发项目的增多,发现之前配置版本和当前的项目需要的版本不一致,把又要去下载现在需要的版本。不同版本的node之间的管理怎么做呢?后来同事告诉我安装nvm,它解决了不同项目使用不同版本的需求。

nvm的安装

nvm的官方网站:https://nvm.uihtm.com 直接去下载安装就行了

d05cecad24fa8b3425d3615f8c865d7e.png

里面也有接受nvm如何的使用。管理node的版本,用起来也是很方便。

我们编程时候需要的编辑器选哪种呢,我现在用的VS Code。下载地址:https://code.visualstudio.com/

创建一个vue3项目

在你想要存项目的文件夹打开终端

ff6d7b3a67d003afb32c5a2b75aabe62.png

执行命令 vue create my-vue3-project

我执行时候报了个错误,是因为没有安装vue cli

362e697651dbad1ff1dbbf872a63be8f.png

执行安装vue cli :npm install -g @vue/cli

安装好后就可以一步一步创建vue项目了

创建好项目,用VS Code打开后就可以运行一个前端项目了,查找package.json的位置,找到运行的指令,执行 npm run serve

1a15a6c20050398e7ab22151baa55897.png

如果运行成功就会显示出可以运行的地址

90f31bf66cde9fd0314332df260f7e53.png


http://www.kler.cn/a/420162.html

相关文章:

  • Day 32 动态规划part01
  • 非标自动化行业ERP选型与案例展示!
  • ubuntu 和windows时区设置和时间修改
  • 【大数据学习 | Spark-SQL】关于RDD、DataFrame、Dataset对象
  • 芯片测试-RF中的S参数,return loss, VSWR,反射系数,插入损耗,隔离度等
  • 源码分析之Openlayers的核心EventTarget类的实现
  • float globalMapVIsualizationLeafSize; 的中文意思是什么
  • leetcode——移除数组
  • 关于开设人工智能教育的培训笔记
  • 如何确保爬虫程序的稳定性和效率:Java爬虫实践
  • 兔子繁衍问题
  • 今天我们来聊聊Maven中两个高级的概念—— 插件和目标
  • SprinBoot整合KafKa的使用(详解)
  • 编译器优化技术
  • 【工具变量】上市公司企业金融错配程度数据(1999-2022年)
  • MySQL查看日志
  • 16asm - 汇编介绍 和 debug使用
  • transformers gpt2 语言模型
  • Java与AWS S3的文件操作
  • spring boot+jpa接入达梦数据库
  • 《只狼》运行时提示“mfc140u.dll文件缺失”是什么原因?“找不到mfc140u.dll文件”要怎么解决?教你几招轻松搞定
  • Spring源码导入idea时gradle构建慢问题
  • 初识QT第一天
  • 使用C#开发VTK笔记(一)-VTK开发环境搭建
  • Postgres数据库自动化分区
  • IDL学习笔记(一)数据类型、基础运算、控制语句