cnpm如何安装vue？

react是 F来源gaodai#ma#com搞*!代#%^码网acebook 推出的一个用来构建用户界面的 JavaScript 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

如何使用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)

更多vue.js相关知识，可访问 Vue.js答疑 栏目！！

以上就是cnpm如何安装vue？的详细内容，更多请关注gaodaima搞代码网其它相关文章！

喜欢 (0)赏

[搞代码]

分享 (0)