Vue3如何创建前端项目
        
        
            vue create 命令
 
vue create 命令创建项目语法格式如下:
 
vue create [options] <app-name>
 
创建一个由 vue-cli-service 提供支持的新项目:
 
options 选项可以是:
 
 
 - -p, --preset <presetName>: 忽略提示符并使用已保存的或远程的预设选项
- -d, --default: 忽略提示符并使用默认预设选项
- -i, --inlinePreset <json>: 忽略提示符并使用内联的 JSON 字符串预设选项
- -m, --packageManager <command>: 在安装依赖时使用指定的 npm 客户端
- -r, --registry <url>: 在安装依赖时使用指定的 npm registry
- -g, --git [message]: 强制 / 跳过 git 初始化,并可选的指定初始化提交信息
- -n, --no-git: 跳过 git 初始化
- -f, --force: 覆写目标目录可能存在的配置
- -c, --clone: 使用 git clone 获取远程预设选项
- -x, --proxy: 使用指定的代理创建项目
- -b, --bare: 创建项目时省略默认组件中的新手指导信息
- -h, --help: 输出使用帮助信息
接下来我们创建 runoob-vue3-app 项目:
 
vue create runoob-vue3-app
 
执行以上命令会出现安装选项界面:
 
Vue CLI v4.4.6
? Please pick a preset: (Use arrow keys)
❯ default (babel, eslint)
  Manually select features
 
按下回车键后就会进入安装,等候片刻即可完成安装。
 
安装完成后,我们进入项目目录:
 
cd runoob-vue3-app2
 
启动应用:
 
npm run serve
 
然后打开 http://localhost:8080/,就可以看到应用界面了:
 
 
 
 
 
 
 
         
     
全部评论