vue脚手架搭建
vue脚手架搭建
准备工作
- 安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),
node -v //显示node版本
npm -v //显示npm版本号 - nmp镜像
Cmd命令行中输入
npm config set registry https://registry.npm.taobao.org
(
1.临时使用
npm –registry https://registry.npm.taobao.org install express
2.持久使用
npm config set registry https://registry.npm.taobao.org
npm set registry https://registry.npmjs.org/
配置后可通过下面方式来验证是否成功
npm config get registry
或
npm info express
3.通过cnpm使用
npm install -g cnpm –registry=https://registry.npm.taobao.org
配置后可通过下面方式来验证是否成功
cnpm install express
) - 安装vue脚手架工具vue-cli
npm install -g vue-cli
vue –version //显示版本
开始工作()
- 到工作目录下
- 输入命令
vue init webpack项目名称
例如:vue init webpack vuedemo -
cd到我们的项目文件夹vuedemo中,运行命令npm install 安装包
4.(这一步看个人需求)
安装 vue 路由模块vue-router和网络请求模块vue-resource或者
npm install vue-router vue-resource –save安装vuex
npm install vuex –save
5.运行
npm run dev
文件说明(盗图)