利用Vue命令行快速创建项目案例
  iDpwKEHoufZJ 2024年01月20日 23 0

今天特意写了一篇关于如何利用Vue命令行快速创建项目案例,希望对大家有帮助,首先需要环境要求:安装有 Node.js、 vue、 vue-cli 

安装有 Node.js、 vue、 vue-cli (node下载地址: https://nodejs.org/en/),打开cmd,查看nodejs版本和npm版本,在命令行中输入:
node -v //node版本
npm -v //npm版本
12
npm更新到最新的版本
npm install -g npm //更新至最新版
1
下载淘宝镜像,可加快下载速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
再输入cnpm -v出现版本号
cnpm -v //cnpm版本
1
安装vue-cli
cnpm install -g vue-cli
1
查看 vue -V 是否可以执行(此处V是大写)
vue -V //查看vue版本
1
如果显示vue不是内部或外部命令,那么配置系统环境变量,首先在计算机中全局搜索 vue.cmd,将vue.cmd的路径加入Path环境变量中即可,继续测试输入vue -V 进入要创建项目的目录,我是创建在桌面,在桌面执行命令行:例如:进口气动球阀
vue init webpack vue //后面vue为自定义项目名称
1
进入项目,下载依赖:
npm install //安装依赖
1
运行项目
npm run dev //运行1

实战演示

1.查看环境

2.创建项目

 

从图片可以看到Vue cli的版本;

3.各种创建项目的细节

 

4.创建完成项目后,进入项目跟目录执行npm install下载一下依赖

 

5.执行项目

 

然后访问http://localhost:8081/

 

项目创建成功;

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2024年01月20日 0

暂无评论

推荐阅读
  vpXXofgah3Er   2024年01月20日   13   0   0 R语言
  8LuwjbQEILqI   2024年01月20日   15   0   0 R语言
  b7F0mJfcy9cz   2024年01月20日   19   0   0 R语言
  yUCFOWHfsvI2   2024年01月20日   136   0   0 R语言
  b7F0mJfcy9cz   2024年01月20日   15   0   0 R语言
  b7F0mJfcy9cz   2024年01月20日   14   0   0 R语言
  LVEMiqJ8WBDr   2024年01月20日   16   0   0 R语言