Vue基础环境搭建

第一步:安装Node.js

下载地址:https://nodejs.org/en/download/
选择(.msi类型)
node -v测试node是否安装成功
npm -v测试npm是否安装成功(如果出现不是内部命令,也不是可运行的程序,需要我们手动进行环境变量配置)
Vue基础环境搭建

修改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环境变量
Vue基础环境搭建
关闭窗口再打开执行cnpm -v是否安装成功

第二步:全局安装vue

命令:cnpm install -g vue-cli
在一个文件夹下执行:vue init webpack VueBase
Vue基础环境搭建
Vue基础环境搭建
浏览器输入地址:http://localhost:8080
看到下面这个页面证明你安装已经完成
Vue基础环境搭建

拓展知识点:

配置网络请求:

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