Node.js+Vue脚手架环境搭建的方法步骤
Node.js的下载
node下载地址:https://nodejs.org/zh-cn/download/
下载后安装即可。新版Node.js自带npm包管理器
#查看node的版本 node-v #v12.16.1 #查看npm版本 npm-v #6.13.4
第一个Node.js程序,新建helloworld.js文件,内容如下
console.log("HelloWorld") console.log("第一个Node.js程序!")
进入终端nodehelloworld.js
注意:
node安装路径默认为/usr/local/bin/node
npm路径为/usr/local/bin/npm
搭建VueCLI脚手架
VueCLI是一个基于Vue.js进行快速开发的完整系统
VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x),你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。
VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)
设置淘宝镜像
npmconfigsetregistryhttps://registry.npm.taobao.org #查看是否设置成功 npmgetregistry
安装
#-g表示全局安装 sudonpminstall-g@vue/cli #或则 sudoyarnglobaladd@vue/cli
安装好后就可以在终端终端中访问vue命令
vue-V
安装全局插件,详情见官网
sudonpminstall-g@vue/cli-service-global #安装成功提示 +@vue/cli-service-global@4.2.3 added1216packagesfrom866contributorsin83.013s
创建第一个应用程序
#通过图形化界面方式创建项目(新手推荐) vueui
下一步->预设(选择默认)->下一步
在浏览器中输入地址
可能遇到的坑
1.输入npminstall-g@vue/cli后,停留在此界面
解决:
设置淘宝镜像:npmconfigsetregistryhttps://registry.npm.taobao.org
2.提示权限不足!
到此这篇关于Node.js+Vue脚手架环境搭建的方法步骤的文章就介绍到这了,更多相关Node.jsVue脚手架搭建内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。