菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
63
0

cnpm如何安装vue?

原创
05/13 14:22
阅读数 552

如何使用cnpm安装vue?

步骤1:确保你电脑上安装了最新版本的Node.js。

步骤2:安装淘宝镜像(国内使用 npm 速度很慢,可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm)

使用淘宝镜像提供的cnpm工具,通过cnpm来安装包一般速度会更快一些,我们可以直接复制文档中的命令:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

完成之后,我们就可以用cnpm代替npm来安装依赖包了。

步骤3:安装vue-cli脚手架构建工具

安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

$ cnpm install -g vue-cli

# 回车,等待安装...$ vue# 回车,若出现vue信息说明表示成功

步骤4:用vue-cli构建项目

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 这里需要进行一些配置,默认回车即可

This will install Vue 2.x version of the template.
For Vue1.x use: vue init webpack#1.0 my-project
? Project name my-projec
t? Project description A Vue.js project
? Author runoob
  ? Vue build standalone
? Use ESLinttolint your code? Yes
? PickanESLint preset Standard
? Setup unit testswithKarma + Mocha? Yes
? Setup e2e testswithNightwatch? Yes  
 vue-cli · Generated"my-project".  
 Togetstarted:   
 cd my-project    
 npm install    
 npm run dev  
 Documentation can be foundathttps://vuejs-templates.github.io/webpack

步骤5:安装依赖

在cmd里

1).输入:cd my-project(项目名),回车,进入到具体项目文件夹

2).输入:cnpm install,回车,等待一小会儿

回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

步骤6:测试环境是否搭建成功

方法1:在cmd里输入:npm run dev

方法2:在浏览里输入:localhost:8080(默认端口为8080)

发表评论

0/200
63 点赞
0 评论
收藏
为你推荐 换一批