河马博客

河马 1月前软件分享

Vue-用创建Vue 3项目(3)

（3） Vue 3项目的目录结构Vue 3项目创建成功后，使用VS Code编辑器打开项目目录，可以看到一个默认生成的项目目录结构，如右图所示。Vue 3项目创建成功后，使用VS Code编辑器打开项目目录，可以看到一个默认生成的项目目录结构，如图所示。下面简要介绍Vue 3项目的目录结构中各个目录和文件的作用，具体如下。 .vscode：存放VS Code编辑器的相关配置。 node_modules：存放项目的各种依赖和安装的插件。 public：存放不可编译的静态资源文件，当进行项目构建时，该目录下的文件会被复制到dist目录，该目录下的文件需要使用绝对...

8145 0 1

Vue-用创建Vue 3项目(2)

河马 1月前软件分享

Vue-用创建Vue 3项目(2)

（2）通过模板自动创建项目的命令通过模板自动创建项目的方式相对简单，它通过附加的命令行选项直接指定项目名称和模板，省去了填写项目名称、选择框架和变体等环节。Vite提供了许多模板预设，可以创建Vite+React+TS、Vite+Vue、Vite+Svelte等类型的项目。通过附加的命令行选项直接指定项目名称和模板的基本语法格式如下。打开命令提示符，切换到D:\vue\chapter01目录，使用yarn创建一个基于Vite+Vue模板且项目名称为hello-vite的项目。yarn create vite hello-vite --template vue 项目创建完成后的提示...

2279 0 0

Vue-用创建Vue 3项目(1)

河马 1月前软件分享

Vue-用创建Vue 3项目(1)

（1）使用npm或yarn包管理工具都可以搭配Vite手动创建项目，具体命令如下。使用npm create命令创建项目npm create vite@latest使用yarn create命令创建项目yarn create vite上述命令展示了两种包管理工具用于创建Vite项目，在使用时任选其一即可。npm create和yarn create命令后跟一个vite包名，表示初始化Vite。vite@latest表示在 npm中安装最新版本的Vite。出现以下报错表示nodejs版本过低，卸载后重新安装20以上的版本yarn create v1.22.18[1/4] Resolv...

2077 0 0

Vue-安装常见问题

河马 1月前教程分享

Vue-安装常见问题

（1） #修改策略解除脚本被禁止运行然后选择全部是解除搜索powershell 用管理员打开，如何运行下方解除命令set-ExecutionPolicy RemoteSigned执行命令后输入A回车确认

2483 0 0

Vue-包管理工具

河马 1月前软件分享

Vue-包管理工具

（1） Npm是Node.js默认的包管理工具，它可以安装、共享、分发代码，还可以管理项目的依赖关系。下载源切换成国内镜像服务器npm config set registry https://registry.npmmirror.com（2） Yarn是Node.js的包管理工具，它是一个高效、安全和可靠的包管理工具，yarn能够提高包的安装效率，节约安装时间。在使用yarn之前，需要先确保计算机中已经安装了Node.js环境，再使用npm命令安装yarn，安装命令如下。npm install yarn -g如图显示都是s（就是多少秒）就是安装成功

2202 0 0

河马博客

Vue-用创建Vue 3项目(3)

Vue-用创建Vue 3项目(2)

Vue-用创建Vue 3项目(1)

Vue-安装常见问题

Vue-包管理工具

最近评论

博客文章RSS订阅

博客评论RSS订阅

河马博客

登录

Vue-用创建Vue 3项目(3)

Vue-用创建Vue 3项目(2)

Vue-用创建Vue 3项目(1)

Vue-安装常见问题

Vue-包管理工具

最近评论

博客文章RSS订阅

博客评论RSS订阅