《Vue应用开发》课件-1.4手动创建项目的命令_第1页
《Vue应用开发》课件-1.4手动创建项目的命令_第2页
《Vue应用开发》课件-1.4手动创建项目的命令_第3页
《Vue应用开发》课件-1.4手动创建项目的命令_第4页
《Vue应用开发》课件-1.4手动创建项目的命令_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

任务四

手动创建项目的命令下载VSCode编辑器的安装包后，在下载目录中找到该安装包，如下图所示。1.3.1VisualStudioCode编辑器双击上图所示的图标，启动安装程序，然后按照程序的提示一步一步进行操作，直到安装完成。1.下载和安装VSCode编辑器检查电脑是否装了vscode，没有需要安装按“Windows+R”组合键，打开“运行”对话框，输入cmd命令，输入node-v，检查电脑是否安装node.js，没有需要安装。双击node-v16.17.0-x64.msi安装包图标，会弹出安装向导窗口，如下图所示。安装过程全部使用默认值。安装完成后，cmd命令，输入node-v查看是否安装成功1.3.2 安装Node.jsVolar扩展的安装方法与中文语言扩展的安装方法类似。如果想要安装Volar扩展，可以在扩展界面的搜索框中输入关键词“Volar”，搜索到“VueLanguageFeatures(Volar)”扩展后进行安装。1.3.1VisualStudioCode编辑器3.安装Volar扩展按“Windows+R”组合键，打开“运行”对话框，1.3.3常见的包管理工具在使用yarn之前，需要先确保计算机中已经安装了Node.js环境，再使用npm命令安装yarn，安装命令如下。npminstallyarn-g为了验证yarn是否安装成功，可以通过“yarn-v”命令查看yarn的版本信息，如下图所示。2.yarn打开命令提示符，切换到D:\vue\chapter01目录，输入cmd执行如下命令。yarncreatevite执行上述命令后，Vite会提示填写项目名称，如下图所示。1.4.2 创建Vue3项目STEP01步骤1步骤3步骤4步骤2手动创建Vue项目使用vite-project作为项目名称后，Vite会提示选择创建项目所使用的框架，选择vue，如下图所示。1.4.2 创建Vue3项目手动创建Vue项目步骤1步骤3步骤4步骤2选择好框架后，Vite会提示选择一个变体，选择JavaScript，如下图所示。1.4.2 创建Vue3项目STEP03手动创建Vue项目步骤3步骤4步骤2步骤1选择好变体后，Vite会提示项目创建完成，如下图所示。1.4.2 创建Vue3项目手动创建Vue项目步骤3步骤4步骤2步骤11.4.2 创建Vue3项目依次粘贴以下启动Vue项目cdvite-project #切换到项目目录yarn #安装项目的全部依赖yarndev #启动服务1.4.2 创建Vue3项目在浏览器中打开:5173/，如下图所示。1.4.2 创

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论