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
网友评论