所有安装几乎都是用cnpm完成
1. 下载并安装node.js,官网下载地址:https://nodejs.org/en/,选择适合的版本(建议稳定版)
2. 配置淘宝NPM镜像,使用淘宝镜像可以使后面安装更加快速稳定。官网教程:http://npm.taobao.org/
我使用的是cmd命令:打开dos窗后后,输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
完成后可以输入cnpm -v查看版本,如能显示版本信息,则表示成功
3. 全局安装vue-cli脚手架工具:
cnpm install -g vue-cli
“-g”表示是全局安装
安装完成后,使用vue -V来查看vue版本,注意这里的-V是大写
4. 在电脑某个目录下新建文件夹,我这边新建“vueDemo”,然后在dos窗口,使用cd切换路径至该文件夹下后使用webpack模板初始化vue项目:vue init webpack
当然也可以不新建文件夹,使用:“vue init webpack 文件夹名”,这样vue就会在当前目录下新建一个文件夹。
在初始化过程中除了项目名(project nane)以外,如果不确定可以都直接回车。需要注意的是项目名不能有大写英文。
完成后就可以在项目文件夹下面看到一个基于 webpack 的 vue.js 项目
5. 安装webpack(见上一篇博文)
6. 然后是使用淘宝镜像安装依赖:cnpm install