配置Vue
Sonder
2019-12-13
655字
2分钟
浏览 (3.4k)
配置Node.js的环境变量
用于npm命令行,一般放在C盘
系统变量
![系统变量.PNG](https://i.loli.net/2020/08/29/27pYSZhqJWKioea.png)
用户变量(Path)
![用户环境变量.PNG](https://i.loli.net/2020/08/29/RVnjJHpbuhqCkSw.png)
最后,重启电脑
安装工具vue-cli
- 安装```
npm install -g @vue/cli
2. 运行```
vue ui
效果图:
![12353119-b707bf764ac75fd4.png](https://i.loli.net/2019/12/13/swWgLX4DrfIJ6HP.png)
编写vue代码(团队)
运行
在项目目录下cmd
shift+右击
npm run serve
新建项目
1.目录
![12353119-8f705da879ff4bf1.png](https://i.loli.net/2019/12/13/2c8gGlF1HWAOKzQ.png)
2.预设
3.功能
Linter 代码编译格式(勾上后phpstrom就会在代码前面出现波浪线)
![12353119-7f04220719fa501d.png](https://i.loli.net/2019/12/13/AsQrkNtdH94vwcg.png)
4.配置
![12353119-84f35e2fbbc982ef.png](https://i.loli.net/2019/12/13/x2qCQeMb1W4A9Yr.png)
运行别人的vue项目
- npm i
- npm run serve
有些人可能遇到npm WARN
类型的情况
遇到这样的情况是由于缺少.json文件的原因,运行这条命令生成对应文件便可解决
![image.png](https://i.loli.net/2020/02/26/WtpxdioZO6wHEk7.png)
npm init -f
如果队友安装了其它组件
方法一:npm i
方法二:删除package-lock.json
、node_modules
,再运行npm i
需要安装的插件
- axios
- ant.design.vue
- 格式化代码:prettier
- 代码右侧浏览:codeglance
![5d36d9193956691085.png](https://i.loli.net/2019/07/23/5d36d9193956691085.png)
开发依赖与运行依赖的区别
运行依赖(JQ,没有jq使用$就会报错),开发依赖(prettier,格式代码用的);后面加-P或-D才会指定安装运行依赖或开发依赖。
运行依赖(dependencies)
- vuex
- qs
- core-js
- axios
开发依赖(devDependencies)
- prettier
- eslint