使用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
相关文章推荐
- vue-cli构建项目下使用微信分享功能
- 详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
- vue-cli构建项目使用 less的方法
- 使用vue-cli+axios构建的项目本地环境API代理设置和解决跨域
- 使用VUE-CLI构建一个项目基本的配置
- vuex在vue-cli和webpack构建的项目中的简单使用
- vue-cli构建项目使用 less
- 使用webpack构建vue-cli项目,写scss脚本语言报错
- Vue.js:使用vue-cli快速构建项目
- vue-cli 构建的项目中使用 Less
- 使用vue-cli构建的项目不检查分号
- 关于使用Vue-cli脚手架配合webpack-simple构建项目操作流程(自用)
- vue-cli构建项目在index.html中使用静态文件
- vue-cli 构建的项目中如何使用 Less
- vue-cli 构建的项目中如何使用 Less
- 使用Vue-cli脚手架工具构建Vue项目
- vue-cli构建vue项目
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
- Vuejs实例-使用vue-cli创建项目