一、Node和Npm
- Node.js
- 下载地址:http://nodejs.org/en/ (推荐下载LTS版本)
- 安装后:在命令行输入node -v 即可查看版本信息
- NPM
-
介绍:是Node提供的模块管理工具,可以方便的下载很多前端的框架,Node自带NPM。
-
查看版本信息:npm -v
-
切换成淘宝镜像:npm config set registry https://registry.npm.taobao.org
(也可使用:- 切换镜像工具安装:npm install nrm -g
- 查看npm的镜像仓库列表:nrm ls
- 切换要使用的镜像源:nrm use taobao
- 测试速度:nrm test npm
)
-
测试是否切换成功:npm config get registry
二、vue-cli2
- 安装好nodejs之后,安装vue-cli2(仅需要装一次即可)
- 命令:npm install -g vue-cli
- 在需要装项目的文件夹:按shift+鼠标右键
- 创建项目
- 命令:vue init webpack 项目名
- 创建项目后的目录
- 下载依赖:npm install
- 运行vue项目:npm run dev
- 在webStorm中配置运行
三、vue-cli版本
- 命令行(win+R->cmd)安装vue-cli最新版本
- 命令:npm install -g @vue/cli
- 创建项目
- 命令:vue create 项目名
- 创建项目生成的目录
- 运行
- 命令:npm run serve
四、在WebStorm中运行出现的问题
- 出现eslint:please specify node.js interpreter correctly