(1)需要安装nodeJs版本16.0或以上版本
以下是2023年6月30日官方文档截图
(2)查看你的电脑里node版本
通过cmd命令查看 node -v查看是否大于等于16
(3) 创建vue项目
注意:vue项目的命名不能用大写字母,只能小写字母,创建的项目名会以文件夹的方式呈现
创建命令:cmd进入到要创建项目的目录,然后执行 npm init vue@latest ,这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。通过latest可创建最新的脚手架版本。
命令行截图,回车后会让你输入项目名称:
本次示例用vue-demo,不可大写。输入vue-demo后回车
后续让我们选择,这里我先全选No,后续项目根据我们学的内容再增加
到这里项目创建成功。
(4)输入 cd vue-demo,进入到项目,然后执行npm install进行安装
(5)安装成功,启动项目npm run dev
打开项目地址,项目运行成功
(6)项目打包 和部署
项目目录下,使用npm run build 命令打包
打开项目的dist文件夹,将文件内容拷贝到nginx的html文件夹里
启动nginx
打开nginx的配置文件nginx.conf,查看nginx端口
打开项目部署地址
开发环境
官方推荐的 IDE 配置是 Visual Studio Code + Volar 扩展
项目用vsCode打开后安装Volar扩展插件
手工安装Volar扩展插件
标签:npm,vue,项目,创建,vue3,nginx,开发,准备,安装 From: https://www.cnblogs.com/wuzexin/p/17516171.html