Vue系列01-Vue的安装及vue-cli4脚手架搭建

本篇目录

前言

要想使用Vue，首先的是要搭建环境。这要用到Node.js,我们需要node.js中的npm(Node Package Manager) 包管理工具。

一、安装Node.js

下载地址：https://nodejs.org/zh-cn/
选择长期支持版

下载完成安装后，检查是否安装成功

能显示相应版本信息证明已经安装成功

二、使用IDEA创建项目

我们使用IDEA能更直观，方便的创建项目（IntelliJ IDEA 2020.1）

创建项目之前，安装npm国内镜像，原生npm下载依赖包太慢了，有时会导致下载超时，所以安装镜像提高下载效率。

1.安装镜像

点击Terminal，打开idea终端，输入命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

完成后可以使用cnpm，但要注意的就是，cnpm和npm不能混用，就是创建一个项目使用cnpm，就要从头到尾一直使用。

2.安装Vue-CLI

使用下面的命令安装，这里的是全局安装（-g:global）

npm install -g @vue/cli

安装后查看版本信息

（注意：这里vue -V是大写V）

3.创建项目

vue-cli3.0 以后项目创建的命令

vue create <Project Name>  //不支持驼峰命名

下面我创建一个项目名为：vue-test 的项目

选择手动配置

取消选择Linter，代码检测规范

这里我选择no

等待创建完成

完成后，cd vue-test，进入vue-test目录，然后执行

npm run serve

把项目运行起来


访问http://localhost:8080/,查看网页demo。成功创建了！