VsCode创建webpack项目

1、下载node.js

官网：https://nodejs.org/en/

2、无脑下一步安装

测试使用 运行可输出版本号

npm -v

3、安装cnpm 淘宝镜像

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

4、安装vue-cli脚手架

npm install --global vue-cli

// -g 表示安装到global目录下
cnpm install vue-cli -g

5、cmd创建项目

用法：create [options] <app-name>

创建一个由 `vue-cli-service` 提供支持的新项目


选项：

  -p, --preset <presetName>       忽略提示符并使用已保存的或远程的预设选项
  -d, --default                   忽略提示符并使用默认预设选项
  -i, --inlinePreset <json>       忽略提示符并使用内联的 JSON 字符串预设选项
  -m, --packageManager <command>  在安装依赖时使用指定的 npm 客户端
  -r, --registry <url>            在安装依赖时使用指定的 npm registry
  -g, --git [message]             强制 / 跳过 git 初始化，并可选的指定初始化提交信息
  -n, --no-git                    跳过 git 初始化
  -f, --force                     覆写目标目录可能存在的配置
  -c, --clone                     使用 git clone 获取远程预设选项
  -x, --proxy                     使用指定的代理创建项目
  -b, --bare                      创建项目时省略默认组件中的新手指导信息
  -h, --help                      输出使用帮助信息

 vue create webpack 项目名称 或 

 vue init webpack [项目名称]

 Project name [项目名称]

 Project description [A Vue.js project]【项目描述】

 Author 【作者】

Vue build 【vue构建方式】 选择第一个，运行时编译

Install vue-router 【是否安装vue-router】

Use ESLint to lint your code 【是否安装eslint】

Set up unit tests 【是否安装测试】

Should we run `npm install` for you after the project has been created 【是否运行安装依赖命令】

6、各种依赖安装指令

0、安装webpack

//  save-dev 安装本地项目模块
npm install webpack --save-dev

1、安装router路由

npm install vue-router --save-dev

2、安装elementUI

npm i element-ui -Snpm i element-ui -S

3、安装依赖

npm install
或
npm install --registry=https://registry.npm.taobao.org

4、安装sass加载器

cnpm install sass-loader node-sass --save-dev

// 启动项目报错找不到node-sass 运行指令
cnpm install node-sass@latest

5、安装axios

npm install --save axios vue-axios

6、启动测试

npm run dev

7、报错无法加载文件 xxx.ps1

原因：这是你笔记本禁止运行脚本

简单的方法：删除 这个 xxx.ps1文件

另一种办法：以管理员身份打开 WIndows prowershell
运行：set-ExecutionPolicy RemoteSigned .
选择Y 或者A ，就好了