vue-cli脚手架搭建

一、node部分

1、下载安装node.js

Download | Node.js 下载后next，选择合适位置。

2、查看版本

输入 node -v 与 npm –v分别查看版本信息

3、环境配置

创建node_cache 和 node_global

执行 npm install express [-g]会安装【node_global】

配置环境变量，添加新的node_path

二、vue部分

1、安装vue-cli

npm install vue -g或者cnpm install vue -g

2、查看

npm info vue 或者cnpm info vue

三、webpack部分

1、安装

npm install webpack -g

补充安装npm install --global webpack-cli

2、查看

webpack -v

四、创建vue项目：

vue init webpack 项目名  （仅小写）

创建时放在合适文件夹

执行 npm run dev

五、安装vue3

卸载2.x版本 npm uninstall vue-cli -g
卸载3.x版本 npm uninstall @vue/cli -g

安装新版本npm install @vue/cli –g

创建vue项目 vue create 项目名