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

(编辑:jimmy 日期: 2024/11/15 浏览:2)

第一步 准备工作

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. 打开要创建路径

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

2-1.vue CLI3版本输入vue create test创建名为test的项目

 接下来会问你一系列的问题

  Please pick a preset:(Use arrow keys)//选择使用什么样的工具,两个选项:

    1.default (babel,eslint)  //默认

    2.Manually select features  //自定义,按空格选中

  Where do you prefer placing config for Babel, PostCSS,ESLint,etc."text-align: center">基于脚手架创建Vue项目实现步骤详解

package.json

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

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

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