vue.js安装心得

npm是nodejs的包管理器,所以之前只想找npm,而不想下载nodejs,最后闹了笑话。

最后是根据这篇博客安装成功的: npm安装教程

最好下载安装包,之前在mac电脑上用命令安装失败了

brew install node

npm安装包下载地址:https://nodejs.org/en/

走了不少弯路,首先报了权限不足的问题,这个问题可以通过修改配置解决:

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_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 卡在下载某个包的过程中。可以这样处理:

  1. 打开log
npm ERR! A complete log of this run can be found in:
npm ERR!     F:\workspace\nodejs\node_cache\_logs\2018-04-13T14_03_04_738Z-debug.log //日志路径
  1. 用浏览器输入地址(或其他方式)下载所需要的包,如https://cdn.npm.taobao.org/fsevents/-/fsevents-1.1.3.tgz
  2. 用以下命令把下载到的包添加到npm cache目录中:
npm cache add xxx.tgz
  1. 重新执行npm install,它便会使用本地缓存的xxx.tgz,而跳过下载过程。
...
npm http fetch GET 304 http://registry.npm.taobao.org/fsevents 218ms (from cache)
...

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏yukong的小专栏

【SpringBoot系列01】初识SpringBoot

【SpringBoot系列02】SpringBoot之使用Thymeleaf视图模板

1575
来自专栏一只程序汪的自我修养

VS快捷键

2535
来自专栏守候书阁

webpack+vue项目实战(三,配置功能操作页和组件的按需加载)

上篇文章(webpack+vue项目实战(二,开发管理系统主页面)),实现了,侧边栏的一个操作,点击侧边栏的一些操作,最重要的就是路由的切换。看了上一篇的伙伴也...

1282
来自专栏向治洪

React Native打包

前面写了关于React的一系列入门章:http://lib.csdn.net/xiangzhihong8/5375/chart/React%20Native ...

3355
来自专栏农夫安全

Bwapp漏洞平台答案全解-A3(第一篇)

A3 - Cross-Site Scripting (XSS) *****************跨站脚本****************** 跨站的终极思路...

5817
来自专栏建站达人秀

如何搭建 Express 网站

Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。nenggou 使用您提议的各...

4442
来自专栏中国白客联盟

Mac os提高效率的几款工具

Android studio/intellij idea:android动态调试。

1353
来自专栏电光石火

eclipse从数据库逆向生成Hibernate实体类

     做项目必然要先进行数据库表设计,然后根据数据库设计建立实体类(VO),这是理所当然的,但是到公司里做项目后,让我认识到,没有说既进行完数据库设计后...

2309
来自专栏我和PYTHON有个约会

Django来敲门~第一部分【8.网页中的css/js/image处理】

通常情况下,网页开发时,页面中的样式是通过外部css样式进行处理的,外部的css文件加载在Django中,需要进行简单的处理

722
来自专栏Danny的专栏

学习中遇到的小技巧 二 (陆续更新……)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

1164

扫码关注云+社区

领取腾讯云代金券