通过命令创建vue项目(超详细)
- 安装有 Node.js、 vue、 vue-cli (node下载地址: https://nodejs.org/en/),打开cmd,查看nodejs版本和npm版本,在命令行中输入:
node -v //node版本
npm -v //npm版本
- npm更新到最新的版本
npm install -g npm //更新至最新版
- 下载淘宝镜像,可加快下载速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 再输入cnpm -v出现版本号
cnpm -v //cnpm版本
- 安装vue-cli
cnpm install -g vue-cli
- 查看 vue -V 是否可以执行(此处V是大写)
vue -V //查看vue版本
-
如果显示vue不是内部或外部命令,那么配置系统环境变量,首先在计算机中全局搜索 vue.cmd,将vue.cmd的路径加入Path环境变量中即可,继续测试输入vue -V
-
进入要创建项目的目录,我是创建在桌面,在桌面执行命令行:
vue init webpack vue //后面vue为自定义项目名称
- 进入项目,下载依赖:
npm install //安装依赖
- 运行项目
npm run dev //运行