• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

如何用npm安装vue.js?

vue 搞代码 4年前 (2021-12-26) 29次浏览 已收录 0个评论

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,本文只介绍如何通过NPM进行安装Vue.js。

安装node环境

NodeJS官方下载地址:http://nodejs.cn/download/

通过官网下载并安装NodeJS即可在cmd执行npm指令

检查是否安装成功:如果输出版本号,说明我们安装node环境成功

npm 版本查看及升级

// 查看版本
npm -v
// 升级版本
npm install -g npm

注:若npm install 报错 permission denied,使用sudo npm install -g npm

如何用npm安装vue.js

1、安装vue

// 最新稳定版
npm install vue
// 安装vue-cli脚手架构建工具
npm install --global vue-cli

安装完成,输入vue -V,如果出现相应的版本号,则说明安装成功。如图:

注:Mac 使用安装vue-cli脚手架的时候报错,
解决方法:
1.切换到/usr/local/lib/node_modules/目录
cd /usr/local/lib/node_modules/
2.删除vue-cli文件夹
open /usr/local/lib/node_modules/
3.重新安装vue-cli
npm install –global vue-cli

2、安装webpack

npm install --global webpack
npm install --global webpack-cli

安装完成,输入webpack -v,如果出现相应的版本号,则说明安装成功。如图:

新建项目

1. 创建新项目

// 创建一个基于 webpack 模板的新项目
vue init webpack my-project
// 这里需要进行一些配置,默认回车即可

2. 运行项目

cd my-project
npm run dev

成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:

更多vue.js相关知识,可访问 Vue.js答疑 栏目!!来源gaodaimacom搞#^代%!码网

以上就是如何用npm安装vue.js?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:如何用npm安装vue.js?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址