Vue - 脚手架安装入门演示、与一些注意事项——成功演示案例

搭建脚手架环境

安装node.js

Node.js下载

下这个安装包，傻瓜式下一步就行
环境变量会自动配置

安装cli

cmd环境下运行

npm config set registry https://registry.npm.taobao.org

• 全局安装

npm install -g @vue/cli

警告正常，我们关掉当前cmd窗口后再开启一个cmd执行vue命令

创建脚手架

• 注意当前位置，这里我使用的是D盘下的…
• 创建文件夹
  
• 创建脚手架

vue create vue_test

我们这里选择vue 2版本，而脚手架用的是5.0的

成功

运行测试

进入vue_test目录

npm run serve

运行成功

访问尝试

成功

导入自己的组件并测试运行

导入App组件，导入Student组件、导入School组件

改下App组件中引入的相对路径，即可成功运行

异常问题

组件名异常

是字符格式问题，取消空格和tabs检测

编辑package.json文件，rules下配置一下语句

			"no-mixed-spaces-and-tabs": 0

正常运行