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

初始化环境

npm init

配置vue_cli_资源文件
配置vue_cli_初始化_02

npm常识
配置vue_cli_配置文件_03
全局卸载：npm uninstall xxx -g

npm install vue -g

配置vue_cli_资源文件_04

npm install @vue/cli -g

配置vue_cli_命令行_05

查看是否安装完成

vue --version

配置vue_cli_创建项目_06

用命令行创建项目

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

配置vue_cli_配置文件_07

  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

配置vue_cli_配置文件_08
配置vue_cli_配置文件_09