官网:https://cn.vuejs.org/v2/guide/
脚手架官网:https://cli.vuejs.org/zh/
NPM方法
node.js环境(npm包管理器)
vue-cli 脚手架构建工具
安装node.js
-
从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,我们通过打开命令行工具(win+R),输入
node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。 npm包管理器,是集成在node中的,直接输入 npm -v 命令,显示npm的版本信息。
-
设置npm的本地仓库
默认的npm仓库在系统盘c盘的用户目录(C:\Users\用户\AppData\Roaming\npm和npm-cache),我们常不使用系统盘保存,把目录移动到其他盘。先建立2个目录 E:\node-repository\node_global E:\node-repository\node_cache 然后运行以下2条命令 npm config set prefix "E:\node-repository\node_global" npm config set cache "E:\node-repository\node_cache" 对path环境变量添加E:\node-repository\node_global
-
配置taobao镜像站,提升下载速度:(默认:https://registry.npmjs.org/)
npm config set registry=http://registry.npm.taobao.org列出npm的本地仓库,输入命令npm list -global
列出npm的所有配置信息,输入命令npm config list
检查镜像站设置,命令:npm config get registry
安装vue-cli 脚手架构建工具。
在命令行中运行,然后等待安装完成。
运行npm install vue -g安装vue.js
运行npm install vue-router -g 安装vue-router
运行npm install @vue/cli -g安装vue脚手架。
vue版本查询:vue -V
工程创建
方式一:
- 新建项目 vue create vue-demo,并选择default模版
- 运行npm install安装依赖
- 启动
cd vue-demo
npm run serve
方式二:
- vue init webpack vue-demo
- 启动
cd vue-demo
npm run dev