基于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项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程