一. 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-12
  • 2021-05-19
  • 2022-01-09
  • 2022-01-06
  • 2021-06-09
  • 2022-01-02
  • 2021-10-22
猜你喜欢
  • 2022-01-09
  • 2021-11-26
  • 2021-04-01
  • 2021-09-17
  • 2022-12-23
  • 2021-05-24
相关资源
相似解决方案