从无到有构建vue实战项目(一)

本文详细介绍Vue.js的安装步骤,包括Node.js、npm、cnpm的安装与配置,以及如何使用npm或Yarn全局安装Vue CLI,创建和管理Vue项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、vue的安装
  1. 首先下载nodehttp://nodejs.cn/download/

    有两种安装方式安装包安装和二进制文件安装

    1489272-20190706211652049-1937711023.png

    输入以下命令,出现版本提示表示安装成功:

    node -v
    10.15.3
  2. 再下载npm

    由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

    $ npm -v
    6.4.1

    如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下:

    $ sudo npm install npm -g
    /usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
    npm@2.14.2 /usr/local/lib/node_modules/npm

    如果是 Window 系统使用以下命令即可:

    npm install npm -g
  3. 如果npm下载包速度慢且时容易出错,可考虑下载cnpm(淘宝镜像)用来代替

     npm install -g cnpm --registry=https://registry.npm.taobao.org
  4. 然后安装vue(可选)

    在用 Vue.js 构建大型应用时推荐使用 NPM 安装:

    # 最新稳定版
    $ cnpm install vue
  5. 安装vue-cli

    Vue.js提供一个官方命令行工具,可用于快速搭建大型单页应用。

    #全局安装vue-cli 
    npm install -g @vue/cli
    # OR
    yarn global add @vue/cli

    你还可以用这个命令来检查其版本是否正确 (3.x):

    vue --version
    or
    vue -V
  6. 运行以下命令来创建一个新项目:

    vue create hello-world
  7. 或者使用图形化界面来创建和管理项目

    vue ui

    1489272-20190706211635470-296117860.png

  8. 关于旧版本

    Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过以下命令卸载它:

    npm uninstall -g vue-cli
    or
    yarn global remove vue-cli

    然后安装最新版本:

    npm install -g @vue/cli
    or
    yarn global add @vue/cli

转载于:https://www.cnblogs.com/ktddcn/p/11144177.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值