Vue-cli是VueJS的项目脚手架,使用Vue-cli可以快速创建Vue项目

Windows+R输入cmd打开命令行工具

、安装node官方下载地址http://nodejs.cn/download/

、命令行输入node -v 和npm -v查看是否出现版本号出现即为安装成功

、全局安装Vue-cli使用命令npm install -g vue-cli下载完成后使用

vue -V(大写)查看版本同上

、创建项目 首先使用cd 进入到项目文件夹使用

vue init webpack  vueaa(自己定义)

cd vueaa 进入到项目文件下载依赖

npm install

、启动项目

npm run dev


详细:

1.Windows+r快捷键是打开命令输入cmd是打开命令行工具

快速创建Vue项目

2.node -v 和npm-v是命令行命令查看版本号

快速创建Vue项目

3.npm install -g vue-cli是全局安装脚手架只需安装一次

下次使用直接创建项目不用重复全局安装

快速创建Vue项目

4.vue -V是查看是否安装成功同上注意此处V大写

快速创建Vue项目

5.vue init webpack  项目名字(eg:vue-project)

此命令是创建项目项目名字自己定义

快速创建Vue项目

?第一条是创建的项目的名字(自定义)  Enter

?第二条是项目描述eg:this is vue project     Enter

?第三条是作者eg:小明     Enter

?第四条是打包方式    Enter

?第五条是是否有路由  y

?第六条是用什么规范代码   n

?单元测试   n

6.cd 项目名  进入目录下载依赖文件

快速创建Vue项目

7. npm install是下载依赖文件

快速创建Vue项目

8.npm run dev 启动项目

快速创建Vue项目

快速创建Vue项目

9.出现一个http://localhost:8080有时候不会自动打开网页

需要自己去网址输入http://localhost:8080

快速创建Vue项目

出现err是报错

前八步出现err

需要使用相同命令再重新下载有时候网速过慢也会报错

如果是第九步报错可能是端口被占用改下项目文件下的

config下的index.js里面的port:8080

快速创建Vue项目

相关文章:

  • 2021-04-23
  • 2021-11-17
  • 2019-11-13
  • 2021-12-20
  • 2021-07-17
  • 2021-04-14
猜你喜欢
  • 2021-11-12
  • 2022-12-23
  • 2021-07-06
  • 2021-12-21
  • 2021-04-25
  • 2021-11-25
  • 2021-11-27
相关资源
相似解决方案