vue实战项目之vue-cli脚手架搭建过程详解

目录

1.可以参考vue-cli的中文文档进行下载安装

2.查看node和npm版本

3.安装依赖包

4.依赖包以前版本太老，如何更新？

5.创建一个项目

6.图形化界面

---

1.可以参考vue-cli的中文文档进行下载安装

vue-cli中文文档

2.查看node和npm版本

在cmd或者编译器终端窗口当中输入

node -V   //查看node版本
npm -V    //查看npm版本

Node 版本要求

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

3.安装依赖包

可以使用以下两条命令当中的一条输入窗口当中

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确：

vue --version     或者vue -V

4.依赖包以前版本太老，如何更新？

 升级全局vue-cli版本的命令行：

npm update -g @vue/cli
 
# 或者
yarn global upgrade --latest @vue/cli

5.创建一个项目

在安装好上面的这些依赖的时候，我们就可以创建项目了，使用下列命令行

vue create hello-world

到时候再选择正确的vue版本，就可以进行安装项目依赖啦

6.图形化界面

如果我们觉得使用命令行有点麻烦，我们可以使用图形化的界面进行项目创建，在命令行当中输入

vue ui

上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。

7.查找其他帮助

vue create 命令有一些可选项，你可以通过运行以下命令进行探索，输入下列命令行：

vue create --help