Vue3.x 从零开始(一)—— Vue-cli构建项目

vue ui  

  

前言:

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli

首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。

只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399

安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。

一、Vue CLI 构建项目

为了快速构建 Vue 项目,Vue 团队开发了脚手架工具 Vue CLI,这个脚手架需要全局安装vue-cli,从3.x开始变成vue/cli了

yarn global add @vue/cli

npm install -g @vue/cli

对于 Vue 3.x 的项目,需要使用 Vue CLI v4.5 以上的版本。如果你的 Vue CLI 版本较低,也需要用上面的命令升级

安装完成后可以在命令行输入  vue -V  (注意第二个 V 大写),如果出现版本号则安装成功

然后在需要创建项目的文件夹下启动终端,在命令行输入下面的命令

vue ui

这个命令会在浏览器打开一个页面(http://localhost:8000/project/select),这是 Vue CLI 提供的可视化工具,可以通过页面上的【创建】标签创建项目

除了这种可视化的方式之外,还可以完全通过命令行创建项目:

vue create my-vue3.0
#my-vue3.0 是项目目录的名称

sdfsd

原文地址:https://www.cnblogs.com/cristina-guan/p/14247558.html