Vue:vue-cli 4.0安装及项目搭建

环境搭建

1. 安装nodejs

npm install -g npm   npm自动更新到最新版本
node -v或者npm -v   查看nodejs是否安装成功

2. 配置淘宝镜像

npm config set registry https://registry.npm.taobao.org   配置淘宝镜像
npm config get registry   查看镜像地址是否设置成功

3. 配置sass地址

npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
npm config get sass_binary_site  查看是否设置成功

4. 安装脚手架

vue -V    查看是否存在vue版本
npm uninstall vue-cli -g   如是有的话，就用命令卸载
npm install --global vue-cli   安装脚手架

创建项目

1. vue create + “项目名称”；或者vue ui进行页面创建
2. 此处有两个选择：

（1）default (babel, eslint)默认套餐，提供babel和eslint支持；
（2）Manually select features自己去选择需要的功能。