img

配置Vue

2019-12-13 0条评论 2.5k次阅读 JavaScript


配置Node.js的环境变量

用于npm命令行,一般放在C盘

系统变量

系统变量.PNG

用户变量(Path)

用户环境变量.PNG

最后,重启电脑

安装工具vue-cli

  1. 安装
    npm install -g @vue/cli
    
  2. 运行
    vue ui
    

效果图:

12353119-b707bf764ac75fd4.png

编写vue代码(团队)

运行

在项目目录下cmd shift+右击

npm run serve

新建项目

1.目录

12353119-8f705da879ff4bf1.png

2.预设

12353119-a8a0ae2df9f8c650.png
3.功能

Linter 代码编译格式(勾上后phpstrom就会在代码前面出现波浪线)

12353119-7f04220719fa501d.png

4.配置

12353119-84f35e2fbbc982ef.png

运行别人的vue项目

  1. npm i
  2. npm run serve

有些人可能遇到npm WARN类型的情况

遇到这样的情况是由于缺少.json文件的原因,运行这条命令生成对应文件便可解决

image.png

npm init -f

如果队友安装了其它组件

方法一:npm i

方法二:删除package-lock.jsonnode_modules,再运行npm i

需要安装的插件

  1. axios
  2. ant.design.vue
  3. 格式化代码:prettier
  4. 代码右侧浏览:codeglance

5d36d9193956691085.png

开发依赖与运行依赖的区别

运行依赖(JQ,没有jq使用$就会报错),开发依赖(prettier,格式代码用的);后面加-P或-D才会指定安装运行依赖或开发依赖。

运行依赖(dependencies)

  1. vuex
  2. qs
  3. core-js
  4. axios

开发依赖(devDependencies)

  1. prettier
  2. eslint

💬 COMMENT


🦄 支持markdown语法

👋友