创建一个vue脚手架项目
-
安装node.js 官网:https://nodejs.org/zh-cn/
尽量选择LTS进行安装(会进行长期的支持) -
测试npm 和node.js是否安装成功。
npm -v
node -v
如果显示相应的版本则安装成功。
**注意**:安装好node.js后会默认配置node.js的系统环境变量。可再path中查看。
- 安装淘宝镜像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
或者:npm install cnpm -g
**注意:**-g:代表全局安装
**意义:**使用cnpm可以代替npm,大大提高下载速率,但相对于npm安装来说没有npm稳定可靠。不过一般都可以,目前我还没有遇见过。
- 安装脚手架vue-cli
命令:npm install -g@vue/cli
当然你也可以把npm替换成cnpm(前提是你要安装了cnpm)
- 开始创建基于webpack的vue项目
vue init webpack mydemo
注意:最后面为项目名字。记得要在你自己想要创建项目的那个目录进行创建。
- 安装依赖
npm install