如何使用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)
© 著作权归作者所有
发表评论