vue安装教程
第一步:
先下载node.js,
然后配置node.js的环境变量,给大家一个地址:
https://www.jianshu.com/p/03a76b2e7e00
第二步:
安装淘宝镜像如下:
在cmd中输入:
npm install -g cnpm –registry=https://registry.npm.taobao.org
这是一个全局安装,一般在:
C:\Users\Administrator\AppData\Roaming\npm下
注意:检查是否安装成功输入cnpm -v查看,如果出现“不是内部命令”的情况,需要配置环境变量,如下图:
第三步:
搭建所需的模板框架:
下载了淘宝镜像用:cnpm install -g vue-cli (速度较快)
也可以用:npm install -g vue-cli
第四步:
加载vue的项目结构:vue init webpack first(这个是项目名),以下是下好的结构图:
第五步:
执行npm install 下载package.json里的文件
注意:如果有报错,看下载哪一个文件报错,单独npm下载就可以。重新编译也无用(怎么看?:一般在node_modules目录后面的下一层目录就是这个错误文件)。
第六步:
执行npm run dev ,出现如下端口号,直接在浏览器访问即可。