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