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

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代码规范

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

　　

 

 

 

 

 

参考：

vue2.0

vue3.0