Vue应用程序开发（第2版）课件 第7章Vue脚手架第1节快速构建项目.pptxVIP

第7章：Vue脚手架《Vue应用程序开发》

Part17.1快速构建项目Part27.2前端路由Part37.3服务器端数据访问axiosPart47.4webpack基础目录CONTENTSPart57.5章节案例

7.1Vue脚手架工具的安装

create-vue是Vue官方推荐的脚手架工具，其安装前提是已经安装了Node.js，因为Node.js自带NPM。安装Node.js可以直接到其中文官网（网址为）下载安装包；也可以在浏览器地址栏中输入网址“/download/”，进入Node.js安装包下载界面。

7.1初始化项目

Node.js安装成功后，即可使用官方推荐的Vue脚手架工具create-vue初始化项目。该工具无须全局安装，直接使用以下命令创建项目：若使用最新版本，则运行“npmcreatevue@latest”命令。1．打开命令提示符窗口按“Windows+R”键，输入“cmd”，按“Enter”键，或在“开始”菜单中搜索“命令提示符”并运行该程序，均可打开命令提示符窗口。2．进入目标目录在Windows命令提示符窗口中，若要将项目创建在非系统盘（如D盘）下，则可按以下方式操作。

7.1初始化项目

其中，“D:”是目标盘符；“\my-projects”是目标文件夹路径（可自定义）；“/d”参数用于确保同时切换盘符和目录，避免出现常见错误。3．创