目录
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