NPM安装和Vue环境搭建

第一部分 NPM安装使用 

安装node.js
https://nodejs.org/zh-cn/download/
node -v 查看node版本

npm -v 查看npm版本
npm install npm -g 如果是 Window 系统使用以下命令

使用淘宝镜像的命令
npm install -g cnpm --registry=https://registry.npm.taobao.org


使用 npm 命令安装模块
npm 安装 Node.js 模块语法格式如下:

$ npm install
以下实例,我们使用 npm 命令安装常用的 Node.js web框架模块 express:

$ npm install express
安装好之后,express 包就放在了工程目录下的 node_modules 目录中,因此在代码中只需要通过 require('express') 的方式就好,无需指定第三方包路径。

var express = require('express');
全局安装与本地安装
npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如

npm install express       # 本地安装
npm install express -g   # 全局安装

参考文章https://www.runoob.com/nodejs/nodejs-npm.html#taobaonpm

第二部分 Vue环境搭建

vscode安装
vscode官网(https://code.visualstudio.com/Download)

进入vscode官网插件商店(https://marketplace.visualstudio.com/VSCode)

vue相关插件
vetur 语法高亮、智能感知
VueHelper vue代码碎片
Vue 2 Snippets vue2代码碎片

参考文章https://www.jianshu.com/p/cab79d188e42

参考文章https://segmentfault.com/a/1190000018803106

你可能感兴趣的:(前端)