搭建一个Vue前端项目

一、安装环境

1.下载安装Node.js

　　地址：https://nodejs.org/en/download/

2.检查是否安装成功：如果输出版本号，说明我们安装node环境成功

　　

3.输入 npm -v ，测试是否已经成功安装 npm，出现版本号就表示成功安装

　　

　　另外：

　　可以安装cnpm

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

　　检查安装结果

　　

　　npm 全局模块的存放路径以及cache的路径的配置，默认是在 C 盘 "C:Users用户" 下

4.在 nodejs 安装目录下，创建 ”node_global” 和 ”node_cache” 两个文件夹

　　

5.进入 cmd 命令行，输入如下命令：

　　设置全局模块的安装路径到"node_global":

　　npm config set prefix "D:Program Files odejs ode_global"

　　设置缓存到"node_cache"文件夹：

　　npm config set cache "D:Program Files odejs ode_cache"

　　

　　由于 node 全局模块大多数都是可以通过命令行访问的

　　还要把 “D: odejs ode_global” 加入到系统环境变量 PATH 中，方便直接使用命令行运行

 6.执行 npm 安装模块

　　#配置镜像站

　　npm config set registry=https://registry.npm.taobao.org

　　#检查一下镜像站是否正常

　　npm config get registry

　　

 二、搭建vue3.0项目：

1.全局安装最新的 vue-cli

　　npm install -g @vue/cli

2. vue create 项目名

 三、搭建vue2.0项目：

 1. 安装： npm install -g @vue/cli-init

　　否则会报错：

　　

 2.  vue init webpack  vue-template