vue.js安装心得

作者: 陨石坠灭 | 来源:发表于2018-04-11 22:02 被阅读38次

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)
...

相关文章

  • vue.js安装心得

    npm是nodejs的包管理器,所以之前只想找npm,而不想下载nodejs,最后闹了笑话。 最后是根据这篇博客安...

  • 2018-04-24 vue.js

    这是关于vue.js学习的心得。

  • Vue.js

    Vue.js vue.js安装 先安装node和npm 查看使用node -v npm -v安装vue-cli s...

  • 【MAC 上学习 Vue】Day 1. 创建 Hello Wor

    下载 Vue.js Vue.js 开发版本下载地址为:https://vuejs.org/js/vue.js 安装...

  • MAC上学习Vue---Day1. 创建Hello World

    下载Vue.js Vue.js开发版本地址为: https://vuejs.org/js/vue.js 安装VS ...

  • Vue.js安装

    Vue.js 安装 在看教程时里面提到 在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好...

  • 2018-09-11

    1,下载安装vue.js下载git安装在需要下载vue.js的地方打开输入指令ump install vue下载成...

  • Vue.js单页项目构建

    Vue.js项目整合 1. 基础安装 1.1 安装 nodejs 1.2 安装 cnpm 1.3 安装 vue-c...

  • 开始学习Vue

    安装Vue.js 方式1 下载Vue.js通过script标签引入。下载地址:https://vuejs.org/...

  • Vue-Devtools 使用问题

    Q:Vue.js devtool插件安装后无法使用,出现提示“vue.js not detected”的解决办法A...

网友评论

    本文标题:vue.js安装心得

    本文链接:https://www.haomeiwen.com/subject/wrqtkftx.html