vue.js安装心得
时间:2022-06-13
本文章向大家介绍vue.js安装心得,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
npm是nodejs的包管理器,所以之前只想找npm,而不想下载nodejs,最后闹了笑话。
最后是根据这篇博客安装成功的: npm安装教程
最好下载安装包,之前在mac电脑上用命令安装失败了
brew install node
npm安装包下载地址:https://nodejs.org/en/
走了不少弯路,首先报了权限不足的问题,这个问题可以通过修改配置解决:
npm config set prefix "D:nodejsnode_global"
npm config set cache "D:nodejsnode_cache"
其次是设置镜像,可以加快下载速度:
npm config set registry=http://registry.npm.taobao.org
如果想去掉淘宝镜像:
npm config set registry https://registry.npmjs.org
然后就是安装vue相关的:
npm install vue-router -g
npm install vue-cli -g
//初始化项目
vue init webpack <项目名>
最新版本在mac上提示错误:
Unknown command init.
可以先配置vue路径:在.bash_profile下加入之前配置的node_global目录路径,然后执行:
vue-init webpack <项目名>
然后居然成功了。
然后就是一系列Yes/No,可以根据自己的要求输入’y’或者’n’:
? Project name <项目名>
? Project description A Vue.js project
? Author
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
得到以下提示:
# Project initialization finished!
# ========================
To get started:
cd vue01
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
然后跟着提示走就行了。
关于打包,使用以下命令:
npm run build
但是路径貌似有问题,需要配置一下根路径,或者去掉链接最开始的’/’ 可以修改configuration/index.js
...
build:{
...
assetsPublicPath: './',
...
}
...
npm install 卡在下载某个包的过程中。可以这样处理:
- 打开log
npm ERR! A complete log of this run can be found in:
npm ERR! F:workspacenodejsnode_cache_logs2018-04-13T14_03_04_738Z-debug.log //日志路径
- 用浏览器输入地址(或其他方式)下载所需要的包,如https://cdn.npm.taobao.org/fsevents/-/fsevents-1.1.3.tgz
- 用以下命令把下载到的包添加到npm cache目录中:
npm cache add xxx.tgz
- 重新执行npm install,它便会使用本地缓存的xxx.tgz,而跳过下载过程。
...
npm http fetch GET 304 http://registry.npm.taobao.org/fsevents 218ms (from cache)
...
- JS 吸顶导航,告别“回到顶部”
- 用AlphaGo来做股票交易会怎样?机器学习预测股票靠谱么?
- 开发 | 深度神经网络可视化工具集锦
- CSS3三维变形,其实很简单!
- 使用 pandas处理股票数据并作分析
- 用R语言做时间序列分析(附数据集和源码)
- 【android开发】Android GUI系统学习1:Gralloc
- 【kaggle实战】从KNN,LR,SVM,RF到深度学习
- 开发 | 训练一个AI给颜值打分,公平公正!
- 【android开发】Android HAL模块实现
- 让剁手党洞察物体细节,“放大镜”当之无愧
- CSS3过渡,不再为JS动画而犯愁
- 【编程基础】c语言中获取整数和浮点数的符号位
- 前端特效开发 | JS实现聚光灯看图效果
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Windows10实现滑动锁屏
- Vue&uni-app在微信浏览器隐藏titleNView的一个方法
- 使用OData服务将SAP C4C自定义BO的TextCollection暴露给外部消费者
- 如何在SAP C4C AdvancedListPane上批量执行若干BO实例的action
- SAP ABAP Webdynpro ALV的link to action的实现方法
- SAP CRM和C4C表格列宽度调整的工作原理
- SAP C4C里如何创建两个具有依赖关系的下拉菜单
- 温故知新——Spring AOP
- tf.random_shuffle 函数
- IndexError: dimension specified as 0 but tensor has no dimensions
- 死磕YOLO系列,YOLOv2的自我修养
- three.js 几何体(二)
- three.js 几何体(三)
- three.js 几何体-组合网格
- three.js 曲线