Vue2入门三：node、npm&Vue脚手架（安装vue2/vue3）&ESlint

合集 - Vue(9)

1.Vue2笔记2024-05-282.Vue2入门一：基础概念2020-12-193.Vue2入门二：组件化开发-组件与实例2020-12-19

4.Vue2入门三：node、npm&Vue脚手架（安装vue2/vue3）&ESlint2020-12-23

5.Vue2入门四：vuex2021-02-206.Vue2入门五：前后端交互-Promise、fetch、axios和async/awai使用2021-02-287.Vue2入门六：前端路由-Vue Router2021-03-018.Vue2入门七：前端工程化（前端模块化）2021-03-049.Vue3笔记2024-06-09

收起

1、node、npm安装及使用

node、npm请见

2、工程化开发&脚手架Vue CLI

 

 1）vue-cli2.X+安装及使用（废弃）

 （一）卸载vue-cli3.X+（如果安装过）

npm uninstall -g @vue/cli

（二）安装vue-cli2.X+，安装成功可以使用vue -V进行检查是否安装成功

npm install vue-cli -g

基于2.X+版本的脚手架创建vue项目 

①使用命令行创建vue2.X+项目

vue init webpack vue_demo
cd vue_demo
//npm install
npm run dev 

2）vue-cli3.X+安装及使用

（1）卸载旧版本vue2.X+（如果安装过）

npm uninstall vue-cli -g

（2）安装vue3.X+，安装成功可以使用vue -V进行检查是否安装成功

npm install -g @vue/cli

基于3.X+版本的脚手架创建vue项目

 ①使用vue ui图形界面创建vue3.X+项目

vue ui

②使用命令行创建vue3.X+项目

vue create <Project Name> //文件名 不支持驼峰（含大写字母）

③基于2.X的旧模板，创建旧版vue项目（废弃）

npm install -g @vue/cli-init //第一次使用
vue init webpack my-project

 

 

3、ESlint代码规范

+ View Code?

1 2 3 4

"editor.codeActionsOnSave": {         "source.fixAll": "explicit"     },     "editor.formatOnSave": false

　　

 

 

 

 

 

参考：

vue2.0

vue3.0