美文网首页
01-vue-cli创建项目模板

01-vue-cli创建项目模板

作者: wshsdm | 来源:发表于2018-12-05 11:44 被阅读0次

    1 安装对应版本的Node.js

    2 安装淘宝镜像,打开命令行工具,输入:

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

    以后使用cnpm来安装

    3 设置chromedriver淘宝映射,否则在国内不能通过npm在线下载

    npm config set chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

    4 安装vue-cli

     使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:

    cnpm install webpack -g或者(npm install -g webpack)

    安装完成之后输入 webpack -v测试是否安装成功

    ② 全局安装vue-cli,在cmd中输入命令:

    cnpm install --global vue-cli

    安装完成之后输入 vue -V(注意这里是大写的“V”), 测试一下

    5 用vue-cli来构建项目

     我首先在D盘新建一个文件夹(vues)作为项目存放地,然后使用命令行cd进入到项目目录输入:

    vue init webpack vuetemplate

    vuetemplate是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹。

    ② 配置完成后,可以看到目录下多出了一个项目文件夹vuetemplate,然后cd进入这个文件夹:

    安装依赖:

    cnpm install

    6 启动项目

    cnpm run dev

    相关文章

      网友评论

          本文标题:01-vue-cli创建项目模板

          本文链接:https://www.haomeiwen.com/subject/wxuicqtx.html