如何创建一个vue项目

一、安装node

1.官网安装

​ https://nodejs.org/en/

2.教程

​ https://www.php.cn/js-tutorial-414607.html

3.cmd中输入命令node -V和npm -V查看版本，如果显示了版本号说明安装成功

​ 或者node --version及npm --version

4.如果没有显示版本号，需要配置环境变量

​ 系统变量中新建安装nodejs的路径，重点：结尾加英文的 ;

​ 环境变量中添加刚刚的变量名，重点：结尾加英文的 ;

二、安装vue-cli脚手架

1.下载淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

​ 查看镜像是否安装成功

cnpm -V

2.安装vue-cli

npm install -g @vue/cli@3.2.1

​ 删除原来的版本：

npm uninstall -g @vue/cli

​ 验证是否删除成功：

vue -v

3.教程附上

​ https://www.jianshu.com/p/db080a79732b

三、使用vue cli

1.创建新文件夹

2.在文件夹下cmd，输入创建项目命令

​ **方法一：**创建vue3项目

//my-project是自己定义的vue项目名字
vue create my-project

​ **方法二：**创建vue2项目

​ (1)先安装vue-lic脚手架

npm install -g @vue/cli-init

​ (2)创建项目

//vue_standard是自己定义的vue项目名字
vue init webpack vue_standard

3.创建时选择默认（default）

4.用vscode管理员身份运行

​ 新建终端，运行vue项目：

npm run serve

5.教程附上

​ https://www.jianshu.com/p/5e13bc2eb97c

四、使用vue项目

1.遇见问题

​ vue文件中报错

​ vue文件中添加以下句子解决

eslint-disable-next-line vue/multi-word-component-names