步骤1: 安装Node.js
- 前往 Node.js 官网 下载最新版本的 Node.js。
- 根据你的操作系统安装 Node.js。
步骤2: 安装 Vue CLI
- 打开终端或命令提示符。
- 运行以下命令来全局安装 Vue CLI:
npm install -g @vue/cli
步骤3: 创建Vue项目
在你选择存储项目的文件夹中,运行以下命令创建一个名为nano-antibody-website的Vue项目:
vue create nano-antibody-website
在创建过程中,选择配置选项时,选择默认配置即可。
步骤4: 进入项目文件夹并查看
cd nano-antibody-website
步骤5: 启动Vue开发服务器
npm run serve
现在,你的Vue应用程序应该已经在本地运行。打开浏览器,访问 http://localhost:8080 查看你的应用。
步骤6: 熟悉项目结构
Vue CLI已经帮你生成了一些默认文件,其中主要的文件和文件夹包括:
src
: 包含所有你的应用程序代码。public
: 包含静态资源,例如图片或全局的HTML文件。src/main.js
: 应用程序的入口文件。src/App.vue
: 根组件,是应用的主要布局和结构。src/components
: 存放Vue组件的文件夹。