利用浏览器API复制文本到剪切板
利用原生JavaScript,实现复制文本或数据到用户的剪贴板是一项常见的需求,比如复制分享链接、文本信息等
Vue CLI基于Node.js运行,因此首先确保你的系统中已安装了Node.js
。访问 Node.js官方网站 下载并安装适合你操作系统的最新LTS版本。安装完成后,在命令行中输入以下命令检查Node.js
及npm
(Node包管理器)是否安装成功:
node -v
npm -v
这两个命令分别会输出Node.js
和npm
的当前版本号。
当然你可以通过 nvm
来对node
进行管理,然后通过 nvm
切换版本,请看这篇文章 nvm的切换node版本
接下来,你需要全局安装Vue CLI脚手架,在命令行中执行以下命令:
npm install -g @vue/cli@4
安装完成后,你可以通过vue --version
命令查看Vue CLI的版本
Vue CLI 4.x允许你在创建项目时选择Vue 2或Vue 3。现在,我们将通过Vue CLI创建一个Vue 2项目。在命令行中输入以下命令:
vue create demo
这里,demo
是你的项目名称,在接下来的步骤中,Vue CLI会询问你关于项目配置的一系列问题,包括选择预设、特性等。对于初学者,选择默认预设(default
)即可,它已经包含了开发和生产的基本配置。如果你对Vue有一定了解,也可以选择手动选择特性(Manually select features
)来自定义你的项目配置。
项目创建完成后,通过以下命令进入项目目录:
cd demo
然后,启动开发服务器,以便在本地查看和调试你的应用:
npm run serve
这将在默认浏览器中自动打开你的应用,地址通常是http://localhost:8080/
。此时,你可以开始编写代码并实时查看更改效果了。
你可以使用npm run build
命令来构建生产版本的应用。构建完成后,应用将生成在dist
目录中。
完!