配置vue_cli

配 置 v u e − c l i 配置vue-cli vuecli

初始化环境

npm init

在这里插入图片描述
在这里插入图片描述

npm常识
在这里插入图片描述
全局卸载:npm uninstall xxx -g

npm install vue -g

在这里插入图片描述

npm install @vue/cli -g

在这里插入图片描述

查看是否安装完成

vue --version

在这里插入图片描述

用命令行创建项目

vue create -r https://registry.npm.taobao.org test_project 

在这里插入图片描述

  1. node_modules :本地安装的包的文件夹。
  2. public :项目出口文件。
  3. src :项目源文件:
    assets:资源文件,包括字体,图片等
    components :组件文件。
    App.vue :入口组件。
    main.js :webpack在打包的时候的入口文件。
  4. babel.config.js :es*转低级js语言的配置文件。
  5. package.json :项目包管理文件。

测试运行

进入项目路径下

npm run serve

在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_41375318/article/details/115028748