最详细的vue-凯发ag旗舰厅登录网址下载

一、安装node环境

1. 进入node 凯发ag旗舰厅登录网址下载官网下载安装 网址 https://nodejs.org/zh-cn/ 2. 默认安装（安装在c盘） 3. 安装完成后 win r 键 在运行当中输入 cmd 打开window命令行工具 4. 在命令行工作中输入 npm -v (-v前有一个空格) 显示版本号则表示安装成功

二、安装git

1. 打开链接 https://git-scm.com/downloads2. 点击 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

与50位技术专家面对面20年技术见证，附赠技术全景图

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的最详细的vue-cli工具构建vue项目教程的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。