cdn引入vue和脚手架_使用Scaffolding本地开发高级组件

CDN引入Vue和脚手架_使用Scaffolding本地开发高级组件

1. 引入Vue.js

方法一：直接在HTML文件中引入Vue.js

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

方法二：通过CDN引入Vue.js

<script src="https://unpkg.com/vue@2"></script>

2. 使用脚手架（Scaffolding）

方法一：使用Vue CLI创建项目

1、首先确保已经安装了Node.js，可以通过以下命令查看Node.js版本：

“`bash

node v

“`

2、安装Vue CLI：

“`bash

npm install g @vue/cli

“`

3、创建一个新的Vue项目：

“`bash

vue create myproject

“`

4、进入项目目录：

“`bash

cd myproject

“`

5、运行项目：

“`bash

npm run serve

“`

方法二：使用Vue UI创建项目

1、访问Vue UI官网：https://ui.vuejs.org/，点击“Start a new project”按钮。

2、根据提示输入项目名称、描述等信息，然后点击“Create Project”按钮。

3、下载生成的项目压缩包并解压。

4、使用文本编辑器打开项目文件夹中的src/App.vue文件，开始编写代码。

5、运行项目：在项目文件夹中打开终端，运行以下命令：

“`bash

npm install # 如果需要安装依赖项的话，请运行此命令

npm run serve # 运行项目，默认端口为8080，可以在浏览器中访问 http://localhost:8080/ 查看效果

“`