基于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-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南