Doccano的下载，安装，配置，包含npm的下载和安装教程

下载Doccano

git下载地址

安装

环境

win10
Python3.6

安装

1.如果有Anaconda先用conda创建个虚拟环境，然后进入刚激活的环境

2.装doccano的依赖（就是requirements.txt文件，在下载的doccano文件夹中）



3.make migrate

4.注册账户信息


5.创建要分配给用户的管理员、批注者和批注审批者角色

6.启动服务器

然后会出来一个网址，输入到你的浏览器即可
7.打开网址
此时我报出一个错误，如下：

报错解决方法
安装npm并根据下面步骤配置环境变量就好了！下面讲一下具体如何安装npm。
在正式动手之前，先类掌握3个东西，明白它们是用来干什么的：
npm: nodejs 下的包管理器，是属于nodejs安装包的一部分。因此只需要下载安装nodejs就OK，安装完成了nodejs后npm也就自动安装完成了

webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备，比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npm install 就可以安装。

2、nodejs下载网址：https://nodejs.org/en/ 【如果嫌下载的慢，可以下载其他网站上的，别人有现成的，下载的比较快】
7.1 先下载nodejs,如下图，我安装的是LTS版本的：

7.2 下载后直接点击安装就好

7.3 默认，下一步：

7.4 接受协议：

7.5 选择安装路径：

7.6 会默认自己添加环境变量：

7.7 接下去一路“next”，最后点击finish
这是我参考的教程上写的，这一步我没按照他说的做，我的改动是在其中的一步勾选了Automatic…，这样最后会自动弹出一个自动安装缺失安装包的对话框，但是我没有安装成功，最后也不影响正常安装，，，，所以我在这里直接写了我参考的资料上写的，sosososososo大家可以按照7.7标题操作，也可以按照我的操作进行，这都不影响nodejs的正常安装！

7.8 安装好后，对应的各个文件的作用：

7.9 cmd打开终端：

7.10 检查是否正常


7.11 再看看另外2个目录，npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，
一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\nodejs

先如下图手动建立2个目录：

7.12 然后运行以下2条命令
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”

如上图，我们再来关注一下npm的本地仓库，输入命令npm list -global
7.13 配置一个镜像站，为了提升速度，
输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站

输入命令npm config list 显示所有配置信息，我们关注一个配置文件

C:\Users\Administrator.npmrc


使用文本编辑器编辑它，可以看到刚才的配置信息


检查一下镜像站行不行命令1

npm config get registry


注意，此时，默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录，
如果直接运行npm install等命令会报错的。
我们需要做1件事情：
增加环境变量NODE_PATH 内容是：D:\nodejs\node_global\node_modules

（注意，一下操作需要重新打开CMD让上面的环境变量生效）
7.14 测试NPM安装vue.js
命令：npm install vue -g
这里的-g是指安装到global全局目录去


7.15 测试NPM安装vue-router
命令：npm install vue-router -g


运行npm install vue-cli -g安装vue脚手架


编辑环境编辑path

对path环境变量添加D:\nodejs\node_global
win10以下版本的，横向显示PATH的，注意添加到最后时，不要有分号【;】

重新打开CMD，并且测试vue是否使用正常

注意，vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，
他的配置并不全放在根目录下的 webpack.config.js 中

注：上面这一步是正常应该显示的，但是我在这一步抛出一个错误：
vue-cli · Failed to download repo vuejs-templates/webpack:unable to … certificate中间省略号的内容我记不住了，这是一个ssl证书问题，可修改配置文件绕过验证 ，具体如下：
打开vue-cli默认路径 C:\Users<UserName>\AppData\Roaming\npm\node_modules\vue-cli\node_modules\download（如果不是默认的文件夹， 是自定义的文件夹路径的话就是在自定义文件夹的目录下） 打开目录下的index.js

将下面这行注释： rejectUnauthorized: process.env.npm_config_strict_ssl !== ‘false’

然后改为： rejectUnauthorized : false

重新运行： vue init webpack vue01 就可以了



ok，解决这个问题，下面就一马平川了！
初始化，安装依赖

运行npm install安装依赖



自动打开浏览器http://localhost:8080/#/
npm run build
生成静态文件，打开dist文件夹下新生成的index.html文件

nmp下新建出来的vue01的目录描述： 

8 然后切换到**\doccano\app\server\static**路径下


变化：原来文件里没有webpack-stats.json。现在有了。
9 然后关了再来一次就好，我就这么成功了。


10 登录
用4步注册的账号密码
11 以下就是使用，一张图描述(如果是下面这样就成功了)

致谢：

本文是主要参考三篇文章并结合自己的实际情况来写的，在此对几位博主表示感谢！下面是参考的三篇博客：

1. Doccano安装步骤：https://blog.youkuaiyun.com/weixin_44912159/article/details/103473275
2. Npm配置步骤：http://www.mamicode.com/info-detail-2774322.html
3. 报错解决：https://www.cnblogs.com/IsSshuai/p/11760160.html