npm(包管理器)安装vue

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

最近工作前端开发上,准备学习vue.js
该框架可以直接script引用加载,也可以通过npm包管理器安装。


在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。

详细的安装流程和中文文档: https://vuefe.cn/v2/guide/installation.html
国内流行的镜像 :http://riny.net/2014/cnpm/

那么npm是什么呢?
官方解释:
Node.js是JavaScript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。
包含关系,nodejs中含有npm,比如说你安装好nodejs,你打开cmd输入npm -v会发现出啊线npm的版本号,说明npm已经安装好。
所以;
npm是nodejs的包管理器(package manager)。我们在node.js上开发时,会用到很多别人已经写好的javascript代码,如果每当我们需要别人的代码时,都根据名字搜索一下,下载源码,解压,再使用,会非常麻烦。于是就出现了包管理器npm。
有点类似linux里面里的yum下载,方便简单。
大家把自己写好的源码上传到npm官网上,如果要用某个或某些个,直接通过npm安装就可以了,不用管那个源码在哪里。并且如果我们要使用模块A,而模块A又依赖模块B,模块B又依赖模块C和D,此时npm会根据依赖关系,把所有依赖的包都下载下来并且管理起来。

安装流程

1.安装npm

  1. ##安装npm使用淘宝镜像##  
  2.  npm install -g cnpm –registry=https://registry.npm.taobao.org  
##安装npm##
    npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装vue

  1. ## 全局安装 vue-cli##  
  2.  npm install -g vue-cli  
## 全局安装 vue-cli##
    npm install -g vue-cli

3.创建vue工作项目

  1. ## 创建一个基于 “webpack” 模板的新项目  
  2.  vue init webpack my-project  
  3.   
  4. ? Project name 项目名  
  5. ? Project description 项目名描述  
  6. ? Author 作者邮箱  
  7. ? Use ESLint to lint your code? 是否需要ESlist语法检查  
  8. ? Setup unit tests with Karma + Mocha? 是否需要单元测试  
  9. ? Setup e2e tests with Nightwatch? Yes是否需要e2e测试  
## 创建一个基于 "webpack" 模板的新项目
    vue init webpack my-project

? Project name 项目名
? Project description 项目名描述
? Author 作者邮箱
? Use ESLint to lint your code? 是否需要ESlist语法检查
? Setup unit tests with Karma + Mocha? 是否需要单元测试
? Setup e2e tests with Nightwatch? Yes是否需要e2e测试


4.安装vue依赖

  1. ##下载依赖##  
  2.  npm install  
##下载依赖##
   npm install


5.运行项目

  1. ##运行vue##  
  2.  npm run dev  
##运行vue##
    npm run dev


安装成功后,会显示这个页面
这里写图片描述

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试