vscode vue环境搭建+配置eslint和prettier

另一篇文章：vue-cli3跨域配置-含示例，https://blog.csdn.net/qq_42182367/article/details/104817747

一、安装Node.js、cnpm、webpack、vue-cli

1. 安装Node.js：

2. 安装cnpm（比npm快，因为使用淘宝的服务器做为的包源 ）：

3. 安装webpack（js应用程序的静态模块打包器module bundler）：

4. 安装vue-cli（用来生成vue模版的工具）：

二、在cmd新建vue项目进行测试

三、安装vscode、插件vetur、插件eslint、插件prettier

四、在vscode中运行vue项目

五、使用cnpm时遇到的坑

问题：使用cnpm install时报错”cnpm : 无法加载文件 ... ，因为在此系统上禁止运行脚本。...“

解决方案

---

一、安装Node.js、cnpm、webpack、vue-cli

1. 安装Node.js：

官网https://nodejs.org/en/download/选择.msi进行安装。安装成功后打开cmd，输入node -v和npm –v查看版本号。

2. 安装cnpm（比npm快，因为使用淘宝的服务器做为的包源 ）：

在cmd中，输入命令：npm install –g cnpm --registry=https://registry.npm.taobao.org。安装成功输入cnpm –v查看相关信息。

3. 安装webpack（js应用程序的静态模块打包器module bundler）：

在cmd中，输入命令：cnpm install webpack –g进行安装。

4. 安装vue-cli（用来生成vue模版的工具）：

在cmd中，输入命令：cnpm install vue-cli –g进行安装。

安装成功后，输入命令：cnpm install -g @vue/cli-init

 

二、在cmd新建vue项目进行测试

1. 在cmd，cd进入你想保存项目的文件目录。输入命令：cnpm install -g @vue/cli-init。

2. 输入命令：vue init webpack testDemo，新建项目。（最好不要有大写，不然接下来第一个会提示你Project name不能有大写，需要一个小写的名字）。

前面的回车即可，后面两个填no（因为之后要使用cnpm来下载依赖，npm太慢了）。最后一个本来选中的是“Yes, use NPM"（蓝色为选中），使用向下键选中第三个（如图）后回车。

<