初学者使用cnpm安装vue-cli

Posted li-qiang-blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初学者使用cnpm安装vue-cli相关的知识,希望对你有一定的参考价值。

初学vue.js,在使用npm安装vue-cli的时候遇到了很多困难,在网上找了很多资料,下面是具体的安装步骤:

一.

安装node,官网下载https://nodejs.org/zh-cn/

安装淘宝镜像

1.在node安装目录下shift+右键打开命令提示窗口,输入:

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

技术分享图片

输入之后反应有点儿慢,可以稍等一下。

2.当看到最下面一行字符呢说明cnpm已经安装完成了,接下来安装vue-cli,在命令提示行输入:

cnpm install vue-cli -g

技术分享图片

安装时间比较慢

3.安装完成的时候它会让你输入项目名称,随便输入什么都可以,建议取有意义的项目名称

技术分享图片

4.全部选择之后呢,你的node安装目录下就会多一个刚刚你取的项目名称的文件夹,然后输入cd "文件夹名称"(会有提示),再输入npm run dev

出现:Your application is running here: http://localhost:8080的时候呢说明项目已经可以运行了。

二.

在浏览器输入localhost:8080就会看到如下页面

技术分享图片

 

以上是关于初学者使用cnpm安装vue-cli的主要内容,如果未能解决你的问题,请参考以下文章

vue初学之node.js安装cnpm安装vue初体验

Vue-cli开发SPA应用(试用初学者)

vue-cli脚手架使用-- 初学者

npm安装不能使用问题(如安装 vue-cli,webpack)等

vue-cli创建项目

vue-cli搭建项目