npm方法创建vue.js项目

    科技2022-07-13  140

    由于 npm 安装速度慢,我这里使用了淘宝的镜像及其命令 cnpm

    淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    然后就可以使用 cnpm 命令来安装模块了:

    cnpm install [name]

    npm 版本需要大于 3.0,如果低于此版本需要升级它:

    # 查看版本 npm -v 6.14.4 #升级 npm cnpm install npm -g # 升级或安装 cnpm npm install cnpm -g

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

    # 最新稳定版 cnpm install vue

    命令行工具

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

    打开cmd,,进入项目存放目录,创建项目:

    # 全局安装 vue-cli cnpm install --global vue-cli cnpm install -g webpack # 创建一个基于 webpack 模板的新项目,项目名为:myproject vue init webpack myproject # 这里需要进行一些配置,默认回车即可

    Project name —> 项目名称 (非必填,默认上面的项目名) Project description —> 项目描述 (非必填) Author —> 作者(非必填)

    进入项目,安装并运行:

    cd myproject cnpm install cnpm run dev

    成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:

    Processed: 0.009, SQL: 8