Vue基础环境搭建
第一步:安装Node.js
下载地址:https://nodejs.org/en/download/
选择(.msi类型)
node -v测试node是否安装成功
npm -v测试npm是否安装成功(如果出现不是内部命令,也不是可运行的程序,需要我们手动进行环境变量配置)
修改npm默认的全局目录
npm config ls
在D:\nodejs下创建目录 node_global 和 node_cache 目录
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
安装淘宝的镜像(cnmp)
命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
增加cnpm环境变量
关闭窗口再打开执行cnpm -v是否安装成功
第二步:全局安装vue
命令:cnpm install -g vue-cli
在一个文件夹下执行:vue init webpack VueBase
浏览器输入地址:http://localhost:8080
看到下面这个页面证明你安装已经完成
拓展知识点:
配置网络请求:
cnpm install --save-dev axios
轮播图组件
cnpm install --save vue-awesome-swiper
安装element组件
npm i element-ui -S
npm install --save-dev node-sass
npm install --save-dev sass-loader
cnpm install vue-i18n
npm i element-theme