码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-04-09 23:18:54      阅读:442      评论:0      收藏:0      [点我收藏+]

标签:str   tao   淘宝   webpack   环境   router   ref   bpa   try   

 

1. 如果本机没有安装node运行环境,请下载node 安装包进行安装。地址:https://nodejs.org/en/

2.装完,使用cmd命令行输入:node -v回车

如果输出版本号则成功。

3.输入npm -v回车可查看npm的版本号

4.因为npm是国外的服务器,所以使用的时候响应很慢,可以安装国内的淘宝镜像。

在终端输入:npm install -g cnpm --registry=https://registry.npm.taobao.org回车

等待挺长一段时间,安装成功后即可使用cnpm命令行,可使用cnpm -v 回车查看是否成功,如有版本信息则成功。

5.接下来安装vue-cli。

在终端输入cnpm install vue-cli -g回车,等待安装完毕

6.初始化项目:

cnpm init webpack vue-demo回车,

然后一直回车,直到是否要安装 vue-router 项目中肯定要使用到 所以 y 回车,其他都使用n,然后一直回车,等待初始化完毕。

7.在终端输入:cd vue-demo回车

8.cnpm install回车

9.cnpm run dev回车,如在默认浏览器输出如下页面则成功。

技术分享图片

 

有时默认浏览器并不会打开,但是在 终端会出现如下:

技术分享图片

这时复制里面那个http://localhost:8080打开浏览器,如果也能出现那个vue的页面也是成功了的。

 

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

标签:str   tao   淘宝   webpack   环境   router   ref   bpa   try   

原文地址:https://www.cnblogs.com/Yirson/p/8763166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!