搭建node环境和npm安装
- 什么是NodeJS: Node.js 就是运行在服务端的 JavaScript
- 什么是npm: nodejs的包管理工具,可以下载使用公共仓库的包,类似maven 包安装分为本地安装(local)、全局安装(global)两种
npm install express # 本地安装express
npm install express -g # 全局安装express
npm list -g #查看所有全局安装的模块
-
Node安装包:http://nodejs.cn/download/
-
新版的nodejs已经集成了npm,所以npm也一并安装好
-
苹果系统Mac安装node和npm: brew install nodejs brew install npm
-
Window安装node和npm 下载后一步步安装就行 参考文档:https://www.jianshu.com/p/03a76b2e7e00
-
验证是否成功
node -v
npm -v
切换npm镜像源为淘宝npm镜像
- 类似maven,从国外下载包很慢,所以就有人改成国内的maven仓库就会快很多,或者搭建自己本地的私服
- 国内直接使用 npm 的官方镜像是非常慢的,推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,可以用此代替官方版本。
使用淘宝定制的 cnpm 命令行工具代替默认的 npm:(需要管理员权限)
npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:
cnpm install [name]
新版Vue + 脚手架Vue-Cli 4.3 安装
- 什么是VUE 一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合. 文档:https://cn.vuejs.org/
安装新版Vue (直接使用 cli)
npm install vue (可以不用)
- 什么是VUE-CLI Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架
安装 新版vue-cli
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init
使用vue-cli创建项目(测试项目,验证vue环境)
vue create my-project