VUE配置

vue 运行环境安装与配置

1.安装Visual Studio Code

2.安装Node查看版本:node -v

3.安装Git查看版本:git --version

4.打开vscode,执行cmd命令安装cli:

  npm install -g @vue/cli

  查看版本:vue -V

5.新建项目:vue create subject_name


? Please pick a preset:  选择预设

default (babel, eslint)  默认

> Manually select features  手动

  这里按键盘上下方向键选择手动设置,回车


  ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)  选择项目需要配置的功能:(按<空格键>选择与取消,<a>切换全部,<i> 反转选择,这里一次性选完后回车开始逐步配置)

>(*) Babel  支持新特性语言,如 es6

( ) TypeScript

( ) Progressive Web App (PWA) Support  渐进式Web应用程序(PWA)支持

(*) Router  路由器

(*) Vuex  状态管理

( ) CSS Pre-processors  CSS预处理器

(*) Linter / Formatter  格式化程序

( ) Unit Testing  单元测试(开发者角度)

( ) E2E Testing  端到端测试(用户角度)


  Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)  对路由器使用历史记录模式? (需要适当的服务器设置,以便在生产中进行索引回退)(是/否)这里输入Y回车(采用历史路由模式地址栏才不会出现#)


Pick a linter / formatter config:  选择esLine代码规范检查级别 这里选择基本,回车

> ESLint with error prevention only  基本

ESLint + Airbnb config  Airbnb编码规则

ESLint + Standard config  标准

ESLint + Prettier  完美


Pick additional lint features: (Press to select, to toggle all, to invert selection)  选择esLine其他功能,这里选择直接保存,回车

>(*) Lint on save  保存的时候检测

( ) Lint and fix on commit  提交git的时候检测


Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)  您希望在哪里放置Babel,ESLint等的配置? (使用箭头键)这里选择把配置信息存在package.json中即可,回车

In dedicated config files  在专用配置文件中

> In package.json  在package.json中

  Save this as a preset for future projects? (y/N)  将其另存为将来项目的预设吗? (是/否)这里选N,不保存此次预设,回车项目新建中...


6.运行项目:npm run serve


7.打包项目:npm run build

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容