详解Vue使用命令行搭建单页面应用
作者：温柔的敲敲敲 发布时间：2024-04-10 10:24:03
使用命令行搭建单页面应用
我们来看一下最后完成的效果：
大纲
1. 下载 node, git, npm
2. 使用命令行安装一个项目
一、 下载工具
node, git 的下载大家可以去官网自行下载就可以了。
下面说一说安装 npm，npm 是在以上两个都安装的情况下才可以的。
国内直接 git npm 非常慢，所以我们到 taobao 的 npm 镜像下面去下载安装 镜像地址>>
打开安装好的 git bash
1 . 在 Git Bash 输入镜像的地址：
下载成功后，输入 cnpm -v 看看是否安装成功了
2 . 安装好 npm 下面就好办了，我们回到 Vue 官方网站看使用命令行安装步骤： 猛戳回到官网>>
按照上面的步骤进行安装：( 以上只要是 npm 的都要改成 cnpm )
1. 全局安装 vue-cli $ cnpm install -g vue-cli
2. 创建一个基于 " webpack "的模板的项目 $ vue init webpack my-pro
接下来会有一系列的问题：
3. 安装依赖 $ cd my-pro 切换到刚才创建的 my-pro 目录下面
4. 输入 $ cnpm install 下载依赖 node_module 模块 可以在目录下面看到 node 依赖模块已经下载好了。
5. 到了最后一步了：输入 cnpm run dev
由于我一开始创建过一个项目，node 的 8080 端口被占用了，所以下面就报错了，如图：
一个简单粗暴的方法就是关闭当前的 node 进程：
最最最最最最最最最最最最最最最最最最最最最最最最最最最后一步：
下面我们打开 http://localhost:8080 看看吧。终于成功了！！！
PS: 记录一些命令
1. $ cnpm install --global vue-cli
2. $ vue init webpack-simple demo
3. $ cd demo/
4. $ cnpm install
5. $ npm run dev
来源：http://www.cnblogs.com/xiaxiaxia/p/5741679.html
0
投稿猜你喜欢
- 实现逻辑1、Golang 版本 1.32、实现原理：1、主进程建立TCP监听服务，并且初始化一个变量 talkChan := m
一、事务：事务是逻辑上的一组操作，要么都成功，要么都失败！——————————————————————————————————1、SQL执行- 不论是做WEB设计还是做交互模型,最快确立创意与设计效果的最好办法就是用笔在纸上绘制出来。不过从事IT行业的人很少一部分是来自美术学院。当然
- 一、概述最近遇到一个需求，需要使用office365邮箱发送邮件，使用SSL发送会失败，必须使用TLS加密协议才能发送成功。二、完整代码使用
- 学习前言开始做项目的话，有些时候会用到别人训练好的模型，这个时候要学会load噢。Keras中保存与读取的重要函数1、model.savem
- 门限回归模型(Threshold Regressive Model，简称TR模型或TRM)的基本思想是通过门限变量的控制作用，当给出预报因子
- 1.在模板中，我们经常要使用一些url，实现页面之间的跳转，比如某个a标签中需要定义href属性。当然如果通过硬编码的方式直接将这个url固
- JSP 获取spring容器中bean的方法总结方案1(Web中使用)：ApplicationContext ct = WebApplica
- 在我们的网站建设中，为网站打造一个契合网站主题的个性化标志则是必需的，这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴
- Oracle中大文本数据类型Clob 长文本类型 （MySQL中不支持，使用的是text）Blob 二进
- 直接利用numpy读取非数字型的数据集时需要先进行转换，而且python3在处理中文数据方面确实比较蛋疼。最近在学习周志华老师的那本西瓜书，
- np.newaxisnp.newaxis 的功能是增加新的维度，但是要注意 np.newaxis 放的位置不同，产生的矩阵形状也不同。通常按
- SQL Server与Oracle、DB2的优劣对比:1.开放性:SQL Server只能在Windows上运行，没有丝毫的开放性，操作系统
- 目录代码分享一、安装并创建Scrapy项目二、爬取应用市场评论过程1. Scrapy爬虫运行流程2. 页面分析页面分析过程一页面分析过程二页
- 可能是我“火星”了，不过在 空虚 的 Blog 中学到的一招。这个技巧的原理是利用 iframe 载入本机各盘符的根目录，然后判断 ifra
- 1. 调度器scheduler的作用我们都知道，在Go语言中，程序运行的最小单元是gorouines。然而程序的运行最终都是要交给操作系统来
- 怎样压缩sql server2000的数据库备份文件，像rar一样?小弟有一7m的sql server2000 数据库备
- 1.首先读取Excel文件数据代表了各个城市店铺的装修和配置费用，要统计出装修和配置项的总费用并进行加和计算；2.pandas实现过程imp
- 本文实例为大家分享了python绘制直方图的具体代码，供大家参考，具体内容如下运行结果如下代码如下from matplotlib impor
- 具体不多说，直接上代码。欢迎一起交流和学习。创建一个按月创建表的存储过程，SQL语句如下:DELIMITER // DROP PROCEDU
