最详细的vue-cli工具构建vue项目教程

最详细的vue-cli工具构建VUE项目教程

一、安装node环境

1. 进入node 官网下载安装 网址 https://nodejs.org/zh-cn/ 2. 默认安装(安装在C盘) 3. 安装完成后 win+R 在运行当中输入 cmd 打开window命令行工具 4. 在命令行工作中输入 npm -v (-v前有一个空格) 显示版本号则表示安装成功

二、安装git

1. 打开链接 https://git-scm.com/downloads

2. 点击 Download 2.16.2 for Windows 按钮下载 3. 默认安装

三、安装 vue-cli构建工具

1、win+R 键运行cmd 2、在命令工具中输入 npm install vue-cli -g (-g表示全局)

四、用vue-cli来创建vue项目

1. 在cmd中进入想要放置项目的目录

2. 在命令行工具中输入  vue init webpack 项目名称  例如:vue init webpack abc 就会创建一个abc的项目(文件夹) 会出现一个“ ? Project name <abc> 3. 注意:项目名不要以数字或大写字母开头,会出现错误

4. 以下是创建项目的时候提示配置的内容:
? Project name: 设置项目名称 你可以随便取一个(可以直接回车确认)

? Project desciprtion: 设置项目的描述内容 随便写(可以直接回车确认) ? Author:设置开发者 可以随便写(可以直接回车确认) -> runtime + compiler:recommended for most users(选择这个按回车确认) Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere ? Install vue-Router? (选y) ? Use Eslint to link your code ? 使用使用ESlint来检测你的代码规范,不规范会报错(初学者建议选n) ? SET up unit test ? (选n) ? Setup e2e tests with Nightwatch? 选n ? Should we run `npm install` for you after the project has been created? (recommended) -> Yes, use NPM (选择这个用npm 来加载项目) Yes, use Yarn No, I will handle that myself 

五、执行安装依赖

1. cmd中进入到新创建的项目目录

2. 执行 npm install(新版本可省去此步骤) 

六、运行项目

cmd中输入npm run dev
 

转载于:https://www.cnblogs.com/saint258/p/9621161.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值