一. Vue-cli的安装

1.下载安装Nodejs,要安装版,不要绿色版

2.安装Vue-cli淘宝镜像,npm install cnpm -g --registry=https://registry.npm.taobao.org

    此时会出现一个警告,不需要理会。

安装配置Vue-cli,创建Vue-cli项目

3.查看cnpm -v

安装配置Vue-cli,创建Vue-cli项目

4.安装Vue,cnpm install vue

安装配置Vue-cli,创建Vue-cli项目

5.全局安装Vue-cli,cnpm install -g vue-cli

安装配置Vue-cli,创建Vue-cli项目

安装配置Vue-cli,创建Vue-cli项目安装配置Vue-cli,创建Vue-cli项目

6.查看vue -V

安装配置Vue-cli,创建Vue-cli项目

此时Vue-cli已经安装完成。

二. 创建Vue-cli项目

1.进入需要创建vue-cli项目的目录

2.执行vue init webpack todolist(todolist是项目名),乱码是编码问题,不需要理会。

安装配置Vue-cli,创建Vue-cli项目

finished表现创建成功。

安装配置Vue-cli,创建Vue-cli项目

3.进入自己的项目,运行npm run dev

安装配置Vue-cli,创建Vue-cli项目

4.进入http://localhost:8080,查看自己的项目

安装配置Vue-cli,创建Vue-cli项目

至此,Vue-cli项目创建完成。

相关文章:

  • 2021-07-15
  • 2021-01-06
  • 2021-11-05
  • 2021-06-29
  • 2021-03-25
  • 2021-10-25
  • 2019-12-02
  • 2020-11-01
猜你喜欢
  • 2020-06-24
  • 2021-06-07
  • 2019-03-30
  • 2018-09-25
  • 2018-10-29
  • 2021-05-17
  • 2018-03-17
相关资源
相似解决方案