新手小白可看的超详细安装vue脚手架

使用vue做项目的第一步估计就是要安装vue脚手架了

1.win+r后输入cmd打开命令窗口,如下:

2.输入路径+回车,切换到需要新建项目的文件下,下面就表示我要在d盘新建我的项目

3.输入node -v检查是否下载了node.js,如果下载了,继续下一步,否则,就去node.js的官网的下载后再检查确定下载了,继续下一步

4.安装cnpm

  输入npm install -g cnpm --registry=https://registry.npm.taobao.org+回车,这是安装淘宝的镜像,会使你之后的安装更快

5.安装webpack,(可省略)

cnpm install webpack -g+回车

6.全局安装vue

cnpm install -g vue+回车

 7.全局安装vue脚手架

cnpm install -g vue-cli+回车

 8.使用脚手架创建新项;要先使用cd 命令转到要放置项目的目录

 

9.搭建vue项目

vue init webpack +项目名称+回车

接下来就是项目配置,可以一直回车,遇到eslint时选择N(no)

Project name是项目名称

Project description 是项目描述

Author指作者,可以写自己的名字

10,是否配置成功

下图表示项目配置已经好了,若是中间有蓝色的WARN字样不用担心,只是警告,若是报了一片红色erro的表示没有配置成功

11.完成后安装项目依赖,先cd + 空格 +项目根目录,然后 输入命令npm + install安装依赖

12.启动监听端口

npm run dev

出现下图表示已经好了,项目已经跑起来了,如果没有成功,重新看看然后删掉项目再来一遍

把上面的端口放入浏览器的路径,会看到下图的示例

此时已经全部完成了。可以开始你的vue新项目了

原文地址:https://www.cnblogs.com/floweres/p/10825700.html