Ubuntu 安装 Vue.js

1 配置Node
(1) 从https://nodejs.org/en/download/ 下载node.js,例如 node-v6.11.1-linux-x64.tar.xz
(2) 解压到一个地方,然后配置全局变量,在/etc/profile 添加下面配置信息:
export NODE_HOME=/home/junliang/Soft/node-v6.11.0-linux-x64
export PATH=$NODE_HOME/bin:$PATH
export NODE_PATH=$NODE_HOME/lib/node_modules:$PATH
(3) source /etc/profile,或者注销系统
(4) 分别输入node -v 和 npm -v 看是否都会打印版本号,都可以打印版本号再进行下一步。

2 安装webpack(webpack相当于模块加载器兼打包工具!)
(1) npm install -g webpack //全局安装
(2) npm install -g webpack-dev-server //安装调试工具

3 安装Vue
(1) 这里我们使用淘宝的cnpm,这个里面都是国内的源,输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
(2) 全局安装 vue-cli,输入 cnpm install --global vue-cli
(3) 创建一个基于 webpack 模板的新项目,输入 vue init webpack my-h5-project
(4) 进入项目文件,输入 cd my-h5-project/
(5) 安装依赖,输入 cnpm install
(6) cnpm run dev

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/430290.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MyISAM表加字段的特殊方法

最近一个统计系统的大表需要加字段,表的引擎是myisam,表大小在3亿,物理文件在106G。想想都蛋疼。那么这种情况下怎么把字段撸上去呢? 1. 首先想到了《高性能MySQL》提到的直接更改表结构文件(frm),但是在经…

python正则表达式面试题_吐血总结!50道Python面试题集锦(4)

Q31、如何在python中注释多行? 注释多行代码时。所有要注释的行都要在开头前加#。还可以使用快捷方式来注释多行,就是按住Ctrl键并在每个想要包含#字符的地方左键单击并键入一次#。 Q32、什么是Python中的文档Docstrings&#xff…

iOS本地推送UILocalNotification

本地通知主要是基于app本身定时器的行为。即使app在后台,也会发送本地通知。一个app只能有有限数量的预定通知,最多允许最近的64条通知,其余通知将会被系统忽略。 推送通知的呈现效果: 在屏幕顶部显示的一条横幅在屏幕中间弹出一个UIAlertVie…

RxJava之PublishSubject、BehaviorSubject、ReplaySubject和AsyncSubject

public class T2 {/*** subject 是一个神奇的对象,它可以是一个Observable同时也可以是一个Observer:它作为连接这两个世界的一座桥梁。* 一个主题可以订阅一个Observable,就像一个观察者,并且它可以发射新的数据,或者…

3d人脸识别算法opencv_热招职位算法类

1.资深算法工程师leader-AI平台地点:深圳工作职责1、推进机器学习及计算机视觉领域的核心算法;2、构建机器学习及计算机视觉领域的关键应用;3、将算法于实际应用场景相结合,构建算法和应用的正反馈机制。任职资格1、较强的学术背景…

Android Gradle编译问题

1. Could not find lint-gradle-api.jar (com.android.tools.lint:lint-gradle-api:26.1.2). Searched in the following locations:https://jcenter.bintray.com/com/android/tools/lint/lint-gradle-api/26.1.2/lint-gradle-api-26.1.2.jar 解决方法: 根build.gr…

python vtk_VTK在python环境下的安装和调用

vtk,很好玩的一个可视化工具,有python接口。 一、安装: 1、平台:window7, python2.7 2、下载vtk: vtkpython-7.1.1-Windows-64bit.exe (http://www.vtk.org/files/release/7.1/vtkpython-7.1.1-Windows-64bit.exe 或 http://download.csdn.ne…

CruiseControl.NET与TFS结合的配置文件

配置如下&#xff1a; <cruisecontrol xmlns:cb"urn:ccnet.config.builder"><project name"测试项目" ><webURL>http://192.168.1.168/ccnet/</webURL><labeller type"dateLabeller"/><workingDirectory>D:…

Android File.listFiles()返回null问题

File.listFiles()返回null可能原因是没读取sdcard权限(READ_EXTERNAL_STORAGE WRITE_EXTERNAL_STORAGE)。 system/private-app默认都有权限&#xff0c;system/app某些系统模式下初始化后没权限&#xff0c;系统重启后有权限&#xff0c;第三方app的权限大部分是询问。 使用C…

android中实现简单的播放

1 MediaPlayer mediaPlayer1; 2 mediaPlayer1 MediaPlayer.create(getBaseContext(), R.raw.ic_yanyuan); 3 mediaPlayer1.start(); 需要在res下面新建个raw&#xff0c;然后拖拽进去一个音乐文件。转载于:https://www.cnblogs.com/yi-mi-yangguang/p/5765401.html

python能代替vba吗_VBA会被Python代替吗?

最近内测版Excel中的vlookup函数被xlookup函数代替了&#xff0c;但vlookup函数依然得到了保留。类似的&#xff0c;对于生产力工具Office套件而言&#xff0c;保证兼容性是重要的&#xff0c;Office诞生以来出现的所有功能在最新版中依然会找得到&#xff0c;因此作为内建在Of…

获取apk安装包sha1的值

1. 解压apk&#xff0c;进入解压目录&#xff0c;找到META-INF/CERT.RSA&#xff0c; 2.执行命令 keytool -printcert -file .../META-INF/CERT.RSA 可以得到md5和sha1值 证书指纹: MD5: 8D:DB:34:2F:2D:A5:40:84:02:D7:56:8A:F2:1E:29:F9 SHA1: 27:19:6E:38:6B:…

nginx 不带www到www域名的重定向

如果是单次重定向用 redirect, 如果永久跳转用 permanent&#xff0c;这里用 permanent { listen 80; server_name xxx.com www.xxx.com; index index.html index.php; root /data/www/wwwroot; if ($http_host !~ "^www.xxx.com$") { rewrite ^(.*) ht…

python dropna失败_使用Python部署机器学习模型的10个实践经验

作者&#xff1a;Pratik Bhavsar编译&#xff1a;ronghuaiyang导读使用python部署ML项目的一些经验。有时候&#xff0c;作为数据科学家&#xff0c;我们会忘记公司付钱让我们干什么。我们首先是开发人员&#xff0c;然后是研究人员&#xff0c;然后可能是数学家。我们的首要责…

ClassCastException:AdaptiveIconDrawable cannot be cast to BitmapDrawable

Caused by: java.lang.ClassCastException: android.graphics.drawable.AdaptiveIconDrawable cannot be cast to android.graphics.drawable.BitmapDrawable 出现原因是因为应用适配了API 26的自适配图标adaptive-icon&#xff0c;使用下面的方法读取icon&#xff0c;读取到应…

【JDK1.8】Java HashMap实现细节

底层是用数组实现的 /*** The table, initialized on first use, and resized as* necessary. When allocated, length is always a power of two.* (We also tolerate length zero in some operations to allow* bootstrapping mechanics that are currently not needed.)*/tr…

Android实现圆角照片和圆形照片

方法1: 使用RoundedBitmapDrawable public static RoundedBitmapDrawable bitmapToRoundedDrawable(NonNull Resources res, NonNull Bitmap bitmap,boolean circular, float cornerRadius) {RoundedBitmapDrawable drawable RoundedBitmapDrawableFactory.create(res, bitma…

python判断字符串长度_Python|判断字符串是否符合日期要求

问题描述 1.题目要求&#xff1a; 输入一串字符,由字母、数字和空格组成&#xff0c;长度<1000,判断其中是否存在日期格式的数据。日期格式的数据具有如下的特征&#xff0c;连续包含年份和月份信息。年份信息是指连续的四个数字,之后是Jan, Feb, Mar,Apr, May, Jun, Jul, A…

剑客决斗(NYOJ 110)

T3、题目110剑客决斗 &#xff08;http://acm.nyist.net/JudgeOnline/problem.php?pid110&#xff09; 描述 在路易十三和红衣主教黎塞留当权的时代&#xff0c;发生了一场决斗。n个人站成一个圈&#xff0c;依次抽签。抽中的人和他右边的人决斗&#xff0c;负者出圈。这场决斗…

Android P 网络报错 : java.io.IOException: Cleartext HTTP traffic to ***.com not permitted

在Android P 使用HttpUrlConnection进行http请求会出现以下异常 java.io.IOException: Cleartext HTTP traffic to ***.com not permitted at com.android.okhttp.HttpHandler$CleartextURLFilter.checkURLPermitted(HttpHandler.java:115) at com.android.ok…