node环境搭建及vue-cli的初始化
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了node环境搭建及vue-cli的初始化,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1238字,纯文字阅读大概需要2分钟。
内容图文
![node环境搭建及vue-cli的初始化](/upload/InfoBanner/zyjiaocheng/642/b2e9f6d5479b4cb3b079c19d6efdb72a.jpg)
安装node.js
从node.js的中文官网下载安装包:https://nodejs.org/zh-cn/
然后就和安装其他程序一样进行安装即可。在安装的时候会顺带将npm这个包管理工具安装上。
安装完成后可以在终端输入node查看。
使用淘宝镜像
在终端执行:
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm初始化
通过终端进入新的项目文件夹中,执行npm init
初始化,创建一个package.json
文件用来保存本项目中用到的包。
npm init
npm安装包
npm install vue # 本地安装 npm install vue --save # 本地安装,并且保存到package.json的dependice中 npm install vue --save-dev # 本地安装,并且保存到package.json的dependice-dev中 npm install vue -g #全局安装 npm install -g @vue/cli #全局安装vue-cli
一般来说,我们会执行`npm install vue --save`、`npm install -g @vue/cli`进行vue和vue-cli的安装。
通过命令行创建vue-cli项目
1、通过终端进入要创建项目的文件夹,然后执行下面命令,创建项目
vue create [项目名称]
2、接下来会让你选择要安装哪些包(默认是Babel
和ESLint
),也可以手动选择。一般选择默认即可。
3、如果在安装的时候比较慢,可以在安装的时候使用淘宝的链接:
vue create -r https://registry.npm.taobao.org [项目名称]
4、如果实在不想在创建项目的时候都指定淘宝链接,可以在当前用户目录下,找到`npmrc`,然后设置
registry=https://registry.npm.taobao.org
5、创建完成
内容总结
以上是互联网集市为您收集整理的node环境搭建及vue-cli的初始化全部内容,希望文章能够帮你解决node环境搭建及vue-cli的初始化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。