Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

下载和安装Vue脚手架(Vue CLI)

要使用Vue脚手架(Vue CLI)来快速搭建Vue.js项目,需要遵循以下步骤:

  1. 确保自己已经安装了Node.js和npm: 首先,确保你已经在计算机上安装了Node.js和npm。你还可以可以从 Node.js官网 下载并安装最新版本的Node.js,npm会随之安装。

  2. 安装Vue CLI: 打开终端(命令行界面)并运行以下命令来全局安装Vue CLI:

    1
    npm install -g @vue/cli

    这会在全局范围内安装Vue CLI。根据你的系统和网络速度,可能需要一些时间来完成安装。

  3. 验证安装: 安装完成后,你可以运行以下命令来验证Vue CLI是否成功安装:

    1
    vue --version

    如果一切正常,你将看到安装的Vue CLI版本号。

  4. 创建Vue项目: 安装完成后,你可以使用Vue CLI来创建新的Vue项目。在命令行中运行以下命令:

    1
    2
    cd 目标文件夹的路径
    vue create your-project-name

    your-project-name 替换为你想要的项目名称。然后按照提示进行配置选择,Vue CLI将会创建一个新的Vue项目文件夹。

  5. 进入项目目录并启动开发服务器: 进入新创建的项目文件夹,再用vscode打开(我建议Vscode打开,我们之后还有用vscode):

    1
    2
    cd your-project-name
    code .

    然后新建终端运行以下命令启动开发服务器:

    1
    npm run serve

    这将启动一个本地开发服务器。

评论