您的位置:首页 > Web前端 > Vue.js

使用vue-cli构建vue项目

2019-01-06 20:21 253 查看

一、安装node
安装node,可以到Node 官网nodejs.org或者国内镜像npm.taobao.org/mirrors/node,下载最新版本的安装包。
{下载后点击安装,安装完成后,执行node -v (windows在cmd,mac在终端)命令查看是否安装成功。}
ps:Node 的模块管理器 npm 会一起安装好,不需要另外安装
npm -v 查看npm版本号
如果版本太低,小于4.0,请执行下面命令升级(vue-cli需要npm版本大于4.0)
npm install -g npm
切换模块仓库到阿里的源(Node 的官方模块仓库网速太慢)
npm config set registry https://registry.npm.taobao.org/
执行下面的命令,确认是否切换成功
npm config get registry

二、安装vue-cli
npm install -g vue-cli 全局安装
安装成功后,vue命令查看
使用vue list查看vue的模板

三、生产项目
使用webpack 模板生成一个vue的项目
vue init webpack 项目名称
过程总需要填写,项目名称、项目描述、是否需要安装vue-router等

四、进入项目和安装依赖
cd 项目名称 查看项目结构
npm install 安装依赖
安装成功后文件夹里会出现一个node_modules文件

五、启动项目
npm run dev

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: