前提条件
熟悉命令行
已安装 16.0 或更高版本的 Node.js
确保你安装了最新版本的 Node.js,然后在命令行中运行以下命令 (不要带上 > 符号):
> npm init vue@latest
这一指令将会被安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:
vue可以在电脑上操作的。1、从node.js的官网下载node.js,本次演示选择的是稳定版本。2、安装node.js,基本上是一路next,重点是要选择安装的位置,本次演示选择安装在E:\nodejs里。3、安装完毕后,配置node.js,运行cmd。
✔ Project name: … <your-project-name>✔ Add TypeScript? … No / Yes✔ Add JSX Support? … No / Yes✔ Add Vue Router for Single Page Application development? … No / Yes✔ Add Pinia for state management? … No / Yes✔ Add Vitest for Unit testing? … No / Yes✔ Add Cypress for both Unit and End-to-End testing? … No / Yes✔ Add ESLint for code quality? … No / Yes✔ Add Prettier for code formatting? … No / YesScaffolding project in ./<your-project-name>...Done.
如果不确定是否要开启某个功能,你可以直接按下回车键选择 No。在项目被创建后,vue框架怎么安装,通过以下步骤安装依赖并启动开发服务器:,
> cd <your-project-name>> npm install> npm run dev
你现在应该已经运行起来了你的第一个系统 Vue 项目!请注意,生成的项目中的示例组件使用的是组合式 API 和 <script setup>,而非选项式 API。
当你准备将应用发布到生产环境时,请运行:
> npm run build
此命令会在 ./dist 文件夹中为你的应用创建一个生产环境的构建版本。
安装vue的方式有很多种: vue官网地址: https://v3.cn.vuejs.org/ 后续通过webpack和cli的使用,可以使用这种方式 。
通过 CDN 使用 Vue#
你可以借助 script 标签直接通过 CDN 来使用 Vue:
<script src=";></script>
通过 CDN 使用 Vue 时,不涉及“构建步骤”。这使得设置更加简单,并且可以用于增强静态的 HTML 或与后端框架集成。但是,你将无法使用单文件组件 (SFC) 语法。
使用全局构建版本#
上面的例子使用了全局构建版本的 Vue,该版本的所有顶层 API 都以属性的形式暴露在了全局的 Vue 对象上。这里有一个使用全局构建版本的例子:
JSFiddle 中的示例
首先可以在桌面新建一个文件夹,如:Vue 然后执行cd Vue 进入文件夹,然后输入以下命令新建项目,回车 然后根据提示一路回车,这时文件夹下就会有很多相关文件了 最后用cnpm安装依赖:最后的最后 就是运行项目啦 输入以下命令。
使用 ES 模块构建版本#
<div id=&34;>{{ message }}</div><script type=&34;>import { createApp } from &39;Hello Vue!&39;39;)</script>
企业回选上海普加软件有限公司,普加甘特图,是WEB甘特图高性能解决方案。适用于构建项目管理、生产排程等进度计划管理软件。