vue初学之node.js安装、cnpm安装、vue初体验
2024-08-23 13:18:09
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的页面也是成功了的。
最新文章
- SOAPUI使用教程-测试JDBC数据库
- MVC3在IIS7.5发布(部署)报403.14错误的解决办法
- LINQ查询返回DataTable类型
- 【WEB API项目实战干货系列】- 接口文档与在线测试(二)
- 阿里百川IIMSDK-- 加好友,获取好友
- 微软数学库XNAMATH(DirectXMath)
- MVC5之路由机制
- MVC + JQUERY + AJAX
- MYSQL设置字段数据过长自动截断
- Consuming Hidden WCF RIA Services
- EntityFramework5提供的迁移工具
- Jedis实现发布订阅功能
- 使用JPA中@Query 注解实现update 操作
- 你需要了解的高可用方案之使用keepalived搭建双机热备一览
- Python使用Plotly绘图工具,绘制散点图、线形图
- jsp篇 之 指令元素和动作元素
- 自制按钮图标的两种方法: image sprite和svg字体文件
- redis 运维手册
- Expression的烦恼
- componentWillMount和componentDidMount的区别