如何搭建一个vue项目(完整步骤)

如何搭建一个vue项目(完整步骤)

一、环境准备

1、安装node.js

• 下载地址：https://nodejs.org/zh-cn/
• 界面展示

2、检查node.js版本

• 查看版本的两种方式
  1|node -v
2|node -version

• 出现版本号则说明安装成功（最新的以官网为准）
  

3、为了提高我们的效率，可以使用淘宝的镜像源

• 输入：npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装npm镜像源
• 以后再用到npm的地方直接用cnpm来代替就好了，因为没有镜像源的话，安装速度比较慢
  
• 检查是否安装成功：cnpm -v
  

二、搭建vue环境

1、全局安装vue-cli

• 这里注意：安装vue-cli对node.js的版本是有要求的
  

• 装的两种方式：输入cmd命令
  1|npm install -g @vue/cli //这个是从国外下载的比较慢
2|cnpm install -g @vue/cli //这个是从镜像源下载