基于Vue-CLI(2.x)创建vue项目
2022/3/29 6:26:44
本文主要是介绍基于Vue-CLI(2.x)创建vue项目,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1、下载并安装NodeJS
Node.js 中文网 (nodejs.cn)
2、检查 node 和 npm 版本,如果npm版本过低,需升级版本
npm install -g npm
3、使用淘宝NPM镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、创建并进入一个目录
> mkdir 目录名 > cd 目录名
4、全局安装 Vue-CLI
cnpm install vue-cli -g
6、创建项目(注意:Use ESLint to lint your code ? 强烈建议选择No,严格的eslint代码规范简直变态!)
vue init webpack 项目名
7、测试是否创建成功。根据提示,进入项目目录,启动项目
> cd app > npm run dev
在浏览器地址栏输入 http://localhost:8080 能正常打开,至此项目创建完成!
这篇关于基于Vue-CLI(2.x)创建vue项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程