Vue的第一个cli项目的安装操作流程

1.安装Node.js  下载安装包后，按步骤安装即可。

 

 2.win10下，win+R不是以管理员身份来运行的。在开始菜单中选择CMD窗口以管理员身份运行，打开cmd运行窗口

安装Node.js  淘宝镜像加速器（cnpm)   命令为： npm install cnpm -g

出现警告：npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher. 

通过命令进行升级：npm install -g uuid

 出现警告：npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported

解决方法：

原因是资源的问题，要配置淘宝镜像
npm config set registry https://registry.npm.taobao.org
 
配置完成后检验是否成功
npm config get registry
 
重新安装
npm install npm -g
 
查看所用的镜像
npm ls

3.安装vue-cli

命令为：cnpm install vue-cli -g

可以通过以下命令查看 ，那些模板可以创建vue应用程序，通常我们选择webpack

命令： vue list

4.第一个vue-cli 应用程序

创建一个vue项目，创建路径如下，一个基于webpack模板的vue应用程序

 都选择no即可：

选择下面这个No,I will handle that myself? 可以通过键盘上的上下箭头进行调整：

 具体信息如下：

 5.初始化并运行

cd myvue

npm install 

npm run dev

运行成功后的界面如下：

 

 停止此页面：Ctrl+c