您的位置:

使用npm安装Vue CLI的简单步骤

Vue CLI是Vue.js官方提供的脚手架工具,用于快速创建Vue.js项目。如果你是一个Web开发者或想要学习Vue.js的开发人员,那么Vue CLI绝对是你不错的选择。

一、安装Node.js和npm

Vue CLI是一个基于npm的工具,所以在开始安装Vue CLI之前,你需要先安装Node.js和npm(默认会随着Node.js被一起安装)。如果你还没有安装过它们,那么可以在Node.js官网上下载安装包进行安装。


#查看Node.js版本
node -v

#查看npm版本
npm -v

如果输出了版本号,则说明安装成功了。

二、全局安装Vue CLI

现在你已经安装了Node.js和npm,可以使用npm安装Vue CLI了。打开你的命令行工具,并输入以下命令:


npm install -g @vue/cli

这个命令将会在全局环境下安装Vue CLI。

三、使用Vue CLI创建一个新项目

以后你可以运行vue命令来创建新的Vue.js项目。在命令行工具中输入以下命令:


#创建Vue.js项目
vue create my-project

在执行命令后,Vue CLI会询问你一系列问题,如Babel、TypeScript、CSS预处理器等选择。你可以根据自己的需求进行选择,或者使用默认设置。

安装完成后,运行以下命令启动Vue.js开发服务器:


cd my-project
npm run serve

访问 http://localhost:8080 即可查看你的Vue.js应用程序。

四、创建Vue.js项目的更多命令

除了创建项目之外,Vue CLI还提供了一些其他的命令,例如:

  • vue serve:在当前目录下编译并且启动一个开发服务器,并且能够支持热模块替换。
  • vue build:使用当前目录下的配置文件进行项目的编译。
  • vue ui:通过一个可视化的界面创建、管理Vue.js项目。

五、总结

以上就是使用npm安装Vue CLI的简单步骤,希望对你有所帮助。