vue 安装 + 错误笔记（npm ERR、This dependency was not found、Syntax Error、The template root requires exactly）

Vue 安装：

1. 安装 node.js 官网：https://nodejs.org/zh-cn/
2. 使用淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 安装 vue-cli 在终端中输入：cnpm install -g @vue/cli
4. Pycharm 中：settings --> Languages & Frameworks --> JavaScript

5. 若没有 vue.js 则：
在 Pycharm 中：settings --> Plugins --> vue.js 安装，安装完毕重启
Terminal 中：cnpm install

 cnpm start 或者 cnpm run dev   

在pycharm 中运行vue项目：

错误笔记

1、错误：npm ERR! enoent ENOENT: no such file or directory, open ‘C:\Users\Demo8523\Desktop\software_and_process\package.json’
原因：系统没有 ‘package.json’ 这个文件导致，生成一个 package.json 文件
解决方法：在该路径下的cmd中：npm init 或者 npm init -y

2、错误：This dependency was not found: * vue-router in ./src/router.js
解决方法：npm install --save vue-router

3、错误：Syntax Error: Error: ENOENT: no such file or directory, open ‘C:\Users\Demo8523\Desktop\znhomework\src\router.js’
解决方法：将 main.js 中的路由路径更改：import router from './router/index' //修改查找的路径

4、错误：The template root requires exactly one element
原因：这是因为 vue 的模版中只有能一个根节点，所以在 <template> 中插入第二个元素就会报错
解决方法：将 <template> 中的元素用一个大的 <div> 包起来，这样就可以在其中添加多个元素了