# form-create-designer-demo

**Repository Path**: mingruqi/form-create-designer-demo

## Basic Information

- **Project Name**: form-create-designer-demo
- **Description**: 安装form-create-designer的一个demo
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2022-10-26
- **Last Updated**: 2022-10-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# form-create-designer

安装nodejs

```text
https://nodejs.org/en/download/
```

# nodejs

下载后一直下一步安装结束。
为防止c盘不够用，将npm目录迁移至其他盘。
安装完成之后打开cmd,输入`node -v`检查是否安装成功。

#### 修改路径

打开cmd，输入 `npm config ls`
查看当前配置。
留意看 `cache=" "` 和 `prefix=" "`

然后在自己开发目录下，新建2个文件夹"node_cache"和"node_global"。我的目录放在E盘下。

```
E:\nodejs\node_cache`
`E:\nodejs\node_global
```

在cmd中输入
`npm config set cache "E:\nodejs\node_cache"`
`npm config set prefix "E:\nodejs\node_global"`

再次输入`npm config ls`查看修改后的路径(cache和prefix的路径会发生变化)。

#### 修改环境变量

新增环境变量 NODE_HOME,值为你修改后的路径，我的是
`E:\nodejs`

修改Path，追加 `%NODE_HOME%\;%NODE_HOME%\node_cache\;%NODE_HOME%\node_global\;`

#### 测试一下

重新打开一个cmd命令行，安装一个插件试试

执行

`npm install webpack -g`
// -g是安装到全局目录下

安装完毕后打开设置的安装路径看下是否成功。（在E:\nodejs\node_global目录下有webpack命名的文件。）

# cnpm 淘宝镜像

```text
https://npmmirror.com/
```

在cmd中执行
`npm install -g cnpm --registry=https://registry.npmmirror.com`


执行完毕后在cmd中输入 `cnpm -v` 查看是否安装成功。

安装Vue2脚手架工具：

```text
cnpm install --global vue-cli
```



创建项目：`vue init webpack vue-demo1`

打开项目：`cd vue-demo1`

安装依赖：`cnpm install`

运行项目：`npm run dev`

安装插件，一般在package.json里面已经安装了，如果没有就需要单独安装

```tex
npm install --save  @form-create/designer  @form-create/element-ui element-ui jsonlint-mod
```



跑起来:  `npm run dev`

![image-20211120170933759](README.assets/image-20211120170933759.png)