基于脚手架创建Vue项目实现步骤详解

第一步 准备工作

1.下载安装Node.js

验证是否安装的方法，在命令行输入node -v

2.安装Vue

在命令行输入npm install -g @vue/cli

查看Vue版本号 npm vue --version

如果Vue版本太低，先卸载Vue低版本 npm uninstall vue-cli -g

第二步 创建Vue项目

1. 打开要创建路径

　　Project description（工程介绍）：回车
　　Author：输入作者名
　　Vue build（是否安装编译器）:回车
　　Install vue-router（是否安装Vue路由）：回车
　　Use ESLint to lint your code（是否使用ESLint检查js代码）：n
　　Set up unit tests（安装单元测试工具）：n
　　Setup e2e tests with Nightwatch（是否安装端到端测试工具）：n
　　Should we runnpm installfor you after the project has been created? (recommended)：回车。

第三步 启动项目

• 进入项目目录：cd demo
• 安装项目所需要的依赖：npm install
• 启动项目：npm run dev

启动成功，浏览器打开：localhost:8080，即可看到vue项目。

目录结构

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持来客网。